你如何使用jQuery找到它的HTML元素？

Question

我試圖找到一種方法，使用jQuery具有一定的類來獲取第一空div。我試過這個：

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

但它沒有工作。是否有捷徑可尋？

Answer 1

這應該工作：

$('.box:empty:first') 

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

Answer 2

這句法僅適用於屬性。對於HTML內容，您可以用.filter()：

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

編輯：與:empty的問題是，換行符和空格不空。所以：

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

...將不匹配。

Answer 3

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 4

試試這個：

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

Answer 5

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

添加.eq(0)，因爲你說第一空

Answer 6

如何：

您的html：

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

腳本：

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

}); 

入住這

http://jsfiddle.net/y4Ef2/