在包含特定单词或短语的speficic类之后插入Text atext

Question

如何在包含特定单词或短语的特定类之后插入文本？

示例：

<div class="TestBox">
    Hello World
</div>

应该是：

<div class="TestBox">
    Hello World it's me
</div>

我尝试用脚本解决，但问题是：

1. 文字（它是我）是重复的
2. 该文字不在div
中

我的剧本：

$('<span>It's me</span>').insertAfter($("div:contains('Hello World')"));

Answer 1

$( ".plentyMessageBox" ).append( "Your text" );

这会附加＆＃34;你的文字＆＃34;到了div。如果你想与文本进行比较，你可以试着像这样设置条件：

if()$( ".plentyMessageBox" ).text()=="Hello World") {
    $(".plentyMessageBox" ).append( "Your text" );}

这只是一种方法，有很多。

Answer 2

您可以使用append()。

来实现

＆＃13;

＆＃13;

$('.plentyMessageBox').append("<span>It's me</span>")

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="plentyMessageBox">
    Hello World
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

$( ".plentyMessageBox" ).each(function() {
	if($(this).text() == "Hello World"){
		$(this).append("<span> it's me</span>");
	}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="plentyMessageBox">Hello World</div>
<div class="plentyMessageBox">Hello World it's me</div>
<div class="plentyMessageBox">Hello World NOT me</div>

Answer 4

这更符合您的尝试！

您需要使用appendTo代替append

这基本上，将你的跨度附加到包含你的班级的每个div！

＆＃13;

＆＃13;

$("<span>It's me</span>").appendTo($("div>:contains('Hello World')"));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="TestBox">
    Hello World
</div>

＆＃13;

＆＃13;

＆＃13;

注意： 使用评论中的示例共享， 在使用$("div:contains('erneut.')")时，会选择两个div， [div.wrapper, div.plentyMessageBox]

因此，使用＆gt;：contains来包含文本的div！

$("div>:contains('erneut.')") [div.plentyMessageBox]