使用jQuery跟踪dom中的每个div

时间:2012-02-01 12:47:33

标签: jquery

我必须在高度小于100px的DOM中跟踪div。所以我使用每个功能。但它没有用。 这是我试过的代码..

jquery('div').each(function(){
  if(jQuery(this).height()< 40){
    jQuery(this).remove();
  }

div的HTML如下所示:

<div class="foo"></div> 
<div class="foo"></div> 
<div class="foo"></div> 
<div class="foo"></div> 
<div class="goo"></div> 
<div class="loo"></div> 
<div class="goo"></div> 
<div class="loo"></div> 

每个班级的css会产生不同的高度。

4 个答案:

答案 0 :(得分:1)

使用此

jQuery('div').each(function(){
  if(jQuery(this).height()< 40){
    jQuery(this).remove();
  }
});

您必须在})

中添加Q并大写jquery

演示: http://jsfiddle.net/Sotiris/Xnhun/

答案 1 :(得分:0)

请尝试以下代码:

$('div').each(function(){
    if($(this).height()< 40) {
        $(this).remove();
    }
});

答案 2 :(得分:0)

Javascript是案例性的。将jquery更改为jQuery

此外,您必须在页面加载后运行代码:

jQuery(document).ready(function(){

  jQuery('div').each(function(){
    if (jQuery(this).height() < 40){
      jQuery(this).remove();
    }
  });

});

您还可以使用filter方法过滤掉要删除的元素:

jQuery(document).ready(function(){

  jQuery('div').filter(function(){
    return jQuery(this).height() < 40;
  }).remove();

});

答案 3 :(得分:0)

嘿伙计你没有关闭你的每个功能

jquery('div').each(function(){
  if(jQuery(this).height()< 40){
    jQuery(this).remove();
  })

我试过...... 这个代码在小提琴中

 $('div').each(function(index){
    alert(index);
   })