Javascript 如何使用jQuery通过html查找元素?
我试图找到一种方法,使用jQuery获取某个类的第一个空div。我试过这个: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
$(".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");
});