查找和删除具有特定内容的元素

斯里

<p> &nbsp </p>在说明内容的中间有很多标签。我想查找并删除仅包含的标签&nbsp描述容器具有一个类名desc_container

这是容器的例子,

<div class="desc_container">
    <p> Some contents! <p>
    <p> &nbsp </p>
    <p> Again some contents! <p>
    <p> &nbsp </p>
</div>

<script>
    jQuery(document).ready(function(){
      // This will give me all the <p> tags
      $('.desc_container').find('p');

      // This is what i want
      $('.desc_container').find('p').containsOnly('&nbsp');
    }
</script>

感谢帮助。谢谢!

安吉·阿加瓦尔

您需要检查$(this).html().trim() === '&nbsp;'每个<p>元素的循环内部,然后删除该<p>元素。您可以inspect element在以下示例中使用浏览器的选项进行进一步验证。

$(document).ready(function(){
  $('.desc_container p').each(function(){
    if($(this).html().trim() === '&nbsp;'){
      $(this).remove();
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desc_container">
 <p> This is a example </p> <p> &nbsp </p> for some content here <p> test data</p><p> &nbsp </p>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章