JQuery如何根据子元素的内容删除元素

Question

我尝试编写JQuery，根据突出显示的元素的值删除类item ui-draggable...的所有分区。例如，检查值是否小于100，如果为true，则删除除法。 但是，我不知道该怎么做。所有部门的结构都是一样的。相关数字将始终包含在要删除的部门的第6个子元素中。

所以在伪代码中我想写这个：

$(document).ready(function(){
    for each division of class .item ui-draggable... {
       if (value of relevant number < 100) {
          .remove(division);
       }
    }
});

Answer 1

首先选择您要评估的元素，然后，如果这些元素符合条件，请使用closest()或parents()向上移动到相关元素，然后删除它们：

$('em.socialMetaCount').filter(function(){
    return parseInt(this.textContent.trim(), 10) < 100;
}).closest('.item.ui-draggable').remove();

参考文献：

• JavaScript的：
  • parseInt()。
  • String.prototype.trim()。
• jQuery的：
  • closest()。
  • filter()。

Answer 2

试试这个：

$(document).ready(function(){
    $('.item.ui-draggable').each(function(){
       var val = parseInt($(this).find('.socialMetaCount').text(),10);
       if (val < 100) { 
          $(this).remove();
       }
    })
});

Answer 3

所以在你想编写的代码中是

$(document).ready(function(){
    $(".item ui-draggable").each(function(){
       if (anyNumber< 100 && somethingTrue) {
          $(this).remove();
       }
    }
});

Answer 4

我认为你所寻找的是这样的：

$(document).ready(function() {
    $(".ui-draggable").each(function() {
        if (parseInt($(this).find('.socialMetaCount').text()) < 100) {
            $(this).remove();
        }
    });
});