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");
});

Syntex是

$(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/

是否可以使用Jquery在HTML中添加文本或html标记？

3 个答案: