Question

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

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

但它不起作用。有一个简单的方法吗？

Answer 1

该语法仅适用于属性。对于HTML内容，您可以使用.filter()：

$('.box').filter(function () {
    return $.trim($(this).html()) === '';
}).eq(0);

修改：:empty的问题是换行符和空格不为空。所以：

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

...不匹配。

Answer 2

这应该有效：

$('.box:empty:first')

http://api.jquery.com/empty-selector/

Answer 3

这个怎么样：

你html：

<div class="empty"></div>
<div class="empty"></div>

你的剧本：

$(document).ready(function(){
    $(".empty:empty:first").html("JJJJ");

});

检查

http://jsfiddle.net/y4Ef2/

Answer 4

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);

Answer 5

试试这个：

$('.box').each(function(){
    if($(this).text().length == 0)
    //box is empty
});

Answer 6

$("div.box:empty").eq(0)

已添加.eq(0)，因为您先说为空

你如何使用jQuery通过它的html查找元素？

6 个答案: