如何删除html标签中的字符串？ javascript jQuery

Question

我想删除网站中的字符串。我的div html内容是：

<br><b >1.jpg(10.36k)</b> <span class="delimg" id="cancelbtn">cancel</span><br><b >123.jpg(10.36k)</b> <span class="delimg" id="cancelbtn">cancel</span><br><b >test.jpg(83.19k)</b> <span class="delimg" id="cancelbtn">cancel</span>

我想删除包含123.jpg的行，其余代码为：

<br><b >1.jpg(10.36k)</b> <span class="delimg" id="cancelbtn">cancel</span><br><b >test.jpg(83.19k)</b> <span class="delimg" id="cancelbtn">cancel</span>

在我的网站上，删除之前：

 1.jpg(10.36k)  cancel
 123.jpg(10.36k)  cancel
 test.jpg(83.19k)  cancel

删除后，我的网站将出现：

 1.jpg(10.36k)  cancel
 test.jpg(83.19k)  cancel

我想replace（new RegExp（filename，“ g”），“”））可以。但是我不知道文件名字符串。谁能帮助我？

Answer 1

一个简单的解决方案是：

$('b:contains(123.jpg)')
.prev('br')
.nextUntil('br')
.andSelf()
.remove();

 $(function() { $('b:contains(123.jpg)') .prev('br') .nextUntil('br') .andSelf() .remove(); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <br><b >1.jpg(10.36k)</b> <span class="delimg" id="cancelbtn1">cancel</span> <br><b >123.jpg(10.36k)</b> <span class="delimg" id="cancelbtn2">cancel</span> <br><b >test.jpg(83.19k)</b> <span class="delimg" id="cancelbtn3">cancel</span>