javascript – 删除DOM元素(如果它包含字符串)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 删除DOM元素(如果它包含字符串)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1238字，纯文字阅读大概需要2分钟。

内容图文

所以我有这个代码,它检查Name是否存在,如果它存在,它删除它嵌套的span标记.

<div id="box">
  <br>
  <span style="font-size: 12px">
    <a>
      <span style="color: #000000">
        <b>Name</b>
      </span>
    </a>
  </span>

但是名称也可以放在这些标签中：

  <br>
  <span>
    <a>Name</a>
  </span>
</div>

我如何使用jquery进行检查？
我试过了：

$('span:contains("Name")').remove();
$('span > a > span b:contains("Name")').remove();

似乎没什么用.

编辑#2：还有我刚才包含的br标签.我想删除它们只有在删除标签之前.

谢谢.

解决方法:

如果你想要使用文本“Name”确切地定位元素,你可以使用filter(),而不是：包含哪个将使用文本定位元素,例如“带有其他文本的名称……”：

在.load()回调函数内设置代码

$('#box').load('myUri', function () {
    $('#box span').has('b, a').filter(function () {
        return $.trim($(this).text()) === "Name";
    }).remove();
});

相当于：包含将：

$('#box span').has('b, a').filter(function(){
    return $(this).text().indexOf("Name") != -1;
}).remove();

更新后的评论：

$('#box').load('myUri', function () {
     $('#box span').has('b, a').filter(function () {
         var toRemoveSpan = $(this).text().indexOf("Name") != -1 ? true : false;
         if (toRemoveSpan && $('span').prev('br').length) {
             $(this).prev('br').remove()
         }
         return toRemoveSpan;
     }).remove();
 });

这将不仅仅是：$(‘#box’).empty();

如果这不是您想要的行为,则必须在您的问题中更加具体.

内容总结

以上是互联网集市为您收集整理的javascript – 删除DOM元素(如果它包含字符串)全部内容，希望文章能够帮你解决javascript – 删除DOM元素(如果它包含字符串)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端