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

Question

I am trying to find a way to use jQuery to get the first empty div with a certain class. I tried this:

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

but it didn't work. Is there an easy way to do this?

Answer 1

That syntax only works for attributes. For HTML contents, you can use .filter() :

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

Edit : The problem with :empty is that line-breaks and spaces are not empty. So:

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

... won't match.

Answer 2

This should work:

$('.box:empty:first')  

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

Answer 3

How about this:

You html:

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

your script:

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

});

Check this

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

Try this one:

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

Answer 6

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

添加.eq(0)因为你先说空了