Javascript 如何使用jQuery通过html查找元素?

Javascript 如何使用jQuery通过html查找元素?,javascript,jquery,Javascript,Jquery,我试图找到一种方法,使用jQuery获取某个类的第一个空div。我试过这个: $(".box[html='']"). 但它不起作用。有没有一种简单的方法可以做到这一点?语法只适用于属性。对于HTML内容,可以使用.filter(): 编辑:空的问题是换行符和空格不是空的。因此: <div> </div> <div> </div> 。。。不匹配。这应该可以: var boxEq; $('div.box').each(function(i,ob

我试图找到一种方法,使用jQuery获取某个类的第一个空div。我试过这个:

$(".box[html='']").

但它不起作用。有没有一种简单的方法可以做到这一点?

语法只适用于属性。对于HTML内容,可以使用
.filter()

编辑:空的问题是换行符和空格不是空的。因此:

<div> </div>
<div>
</div>

。。。不匹配。

这应该可以:

var boxEq;
$('div.box').each(function(i,obj){
  if (boxEq === void(0)) {
    if ($(obj).html() === '') {
      boxEq = i;
      break;
    }
  }
});

// this is your div
$('div.box').eq(boxEq);
$('.box:empty:first')  
试试这个:

$('.box').each(function(){
    if($(this).text().length == 0)
    //box is empty
});
添加了
.eq(0)
,因为您先说了这个怎么样:

您可以使用html:

<div class="empty"></div>
<div class="empty"></div>
检查这个


添加
.eq(0)
,因为他要求第一个和+1this@mVChr是的,我注意到了。我使用了
:首先使用
+1,请使用
返回$.trim(this.innerHTML)='':)
$("div.box:empty").eq(0)
<div class="empty"></div>
<div class="empty"></div>
$(document).ready(function(){
    $(".empty:empty:first").html("JJJJ");

});