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

时间:2018-05-18 06:11:17

标签: javascript jquery dom

我在描述内容的中间有很多.role-select__selection{ display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; width: 100%; } .role-select__selection li{ width: 50%; border: 1px solid; border-radius: 2px; box-sizing: border-box; padding: 0 3px; font-size: 0.70em; margin: 10px 10px 0 0; padding: 8px 8px; } 个标签。我想查找并删除仅包含import requests url = "http://somebody.cn/login.jsp" data = { 'username': 'aaa', 'pwd': 'aaa', 'form_id' : 'sombody_login_login_form', ... ... } s = requests.Session() res = s.post(url = url, data = data) print(res.text) 的标签。描述容器具有类名<p> &nbsp </p>

以下是容器的示例

&nbsp

感谢帮助。谢谢!

5 个答案:

答案 0 :(得分:3)

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

&#13;
&#13;
$(document).ready(function(){
  $('.desc_container p').each(function(){
    if($(this).html().trim() === '&nbsp;'){
      $(this).remove();
    }
  });
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

:contains()选择器选择包含指定字符串的元素。以下代码将删除包含<p>的{​​{1}}标记,也可能包含其他内容。

&nbsp

如果您要删除仅包含$("p:contains(&nbsp)").remove(); 的{​​{1}},则可以循环<p>代码并删除其值&nbsp

<p>

答案 2 :(得分:1)

您无需使用find,因为您只需选择<p>内的所有desc_container代码。

如果您尚未将$('.desc_container p')对象映射到jQuery('.desc_container p'),请使用以下选择器:jQuery$

这将返回所有Nodes,它可以使用jQuery的each方法循环,​​然后使用.remove()删除。另外,在比较之前,请确保trim字符串。

$(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>Text</p> <p> &nbsp </p><p>Text</p><p> &nbsp </p>
</div>

答案 3 :(得分:0)

您可以尝试以下

&#13;
&#13;
$(document).ready(function(){
  $(".desc_container p").each(function(){
      if($(this).text().trim() == "") {
      $(this).remove();
    }
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desc_container">
    <p> Some contents! <p>
    <p> &nbsp </p>
    <p> Again some contents! <p>
    <p> &nbsp </p>
</div>
&#13;
&#13;
&#13;

答案 4 :(得分:0)

&#13;
&#13;
-Xdock:name="Hello bunny" -Xdock:icon=/path/to/bunny.jpg
&#13;
mydomain.com/undefined
&#13;
$("#deleteEmpty").on('click', function() {
  $(".desc_container p").each(function(index, element) {
    var $element = $(element);
    if ($element.html().trim() === "&nbsp;") {
      $element.remove();
    }
  });
});
&#13;
&#13;
&#13;