Я хочу заменить тэг p текстовым полем с помощью jQuery. То, что я пробовал, не работает.jQuery заменить элемент текстовым полем
ответ
<p> Some text.. </p>
$('p').dblclick(function(){
var textArea = $('<textarea />')
var oldText = $(this).text();
$(this).replaceWith(textArea);
textArea.val(oldText);
});
Смотрите пример here.
В фокусе вы можете прочитать новое значение (или старое) и установить его обратно в теге p
.
См. Этот пример here
Пожалуйста, попробуйте следующее:
API: http://api.jquery.com/replaceWith/DEMO:http://jsfiddle.net/Yuuhr/
Заменить каждый элемент в наборе соответствующих элементов с предоставленными новым содержанием.
Пожалуйста, дай мне знать, если я пропустил что-нибудь или предоставить полную HTML
Надеется, что это помогает
кода
$('p').replaceWith('<textarea id="foohulk"/>')
Спасибо, я попробовал тот же тигр, за исключением того, что я не указывал textarea, я дал идентификатор textarea в этом месте – Pavan
@SravanL не беспокоится, не стесняйтесь использовать демо ':)' –
- 1. Заменить текст текстовым полем, содержащим этот текст
- 2. Заменить год выпадающего списка с текстовым полем в jQuery Datepicker
- 3. связать элемент cdata с текстовым полем C#
- 4. Как разместить элемент SVG под текстовым полем?
- 5. JQuery DatePicker - ставить DatePicker под текстовым полем
- 6. JQuery: Как показать дату с текстовым полем?
- 7. qTip2 jquery с текстовым полем asp.net
- 8. Проблемы с текстовым полем JQuery Autocomplete
- 9. JQuery autocomplete с автоматически сгенерированным текстовым полем
- 10. Проверка текстового поля JQuery с текстовым полем
- 11. jquery-mobile: fieldcontain с небольшим текстовым полем
- 12. jQuery DropDown с текстовым полем для ввода
- 13. Уникальная проблема с текстовым полем с jQuery
- 14. jquery math с радиокнопкой и текстовым полем
- 15. jQuery addClass с текстовым полем twitter bootstrap
- 16. Простой расчет с текстовым полем в jQuery
- 17. jQuery Autocomplete с генерируемым динамическим текстовым полем
- 18. jQuery datepicker position над текстовым полем
- 19. Проблемы с динамическим текстовым полем jQuery
- 20. Позиция JQuery Dialog рядом с текстовым полем
- 21. Диалоговое окно JQuery с текстовым полем ввода
- 22. сообщение рядом с текстовым полем массива jquery
- 23. пользовательское управление с текстовым полем
- 24. asp: проблема с текстовым полем
- 25. Как определить, что элемент является кнопкой или текстовым полем
- 26. Autocomplete с текстовым полем
- 27. Ярлык за текстовым полем
- 28. Изменение текста управления текстовым полем окна
- 29. Управление текстовым полем Silverlight Rich
- 30. Как разместить элемент под текстовым полем carret в javascript?
использовали это? где «это» – TRR
Вы пытаетесь сделать редактирование на месте случайно? –