Можно ли добавить текст или html-тег в HTML с помощью JQuery?

Question

Я не уверен, можно добавить Текст или HTML Тег. Я использую JQuery insertBefore(), insertAfter(), nextAll(), но я не могу этого сделать.

Примечание:текст не имеет тега HTLM.

См код ниже:

HTML:

<h2>Title 1</h2> 
<img alt="Title 10" src="images/1.jpg" /> 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
**Here I want to Add** 

<h2>Title 2</h2> 
<img alt="Title 10" src="images/1.jpg" /> 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
**Here I want to Add** 

<h2>Title 3</h2> 
<img alt="Title 10" src="images/1.jpg" /> 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
**Here I want to Add** 

Спасибо!

Answer 1

Да, это возможно. Посмотрите на this jsFiddle. Текстовые узлы печатаются на консоли.

После выбора элементов Вы можете использовать

.wrap('<span class="text"></span>'); 

, чтобы обернуть его в HTML-тег, или нормальный JQuery, если вы хотите сделать что-то еще с ним.

Answer 2

Вы можете использовать jquery следующим образом.

$("button").click(function(){ 
    $("<span>Hello world!</span>").insertAfter("p"); 
}); 

Синтекс является

$(content).insertAfter(selector) 

Вы также можете использовать.

$('#bla').after('<div id="space"></div>'); 

Answer 3

Использование

$("element").html(text_or_html_to_add) //or 
$("element").append(text_or_html_to_add) //or 
$("element").prepend(text_or_html_to_add) //or 
$("element").text(text_or_html_to_add) 

функции, доступные в JQuery.

Пожалуйста, проверьте здесь примеры ..

http://api.jquery.com/append/

http://api.jquery.com/prepend/