确定特定div是否在dom中存在任何子节点

Question

如何确定某个特定div是否在dom中存在任何子项

<div class="profile-feed row">
   <div class="col-sm-6"> </div> // does this particular div has any child?
...
</div>

Answer 1

使用此

var count = $(".col-sm-6").children().length;

如果此类有多个元素，则此方法将返回具有此id的所有元素的所有子元素的数量。更具体地说，我建议使用id选择器或添加父选择器。请在JSFiddle http://jsfiddle.net/9qa1qm9s/

上查看此示例

Answer 2

if($( ".col-sm-6" ).children().length>0){
    alert('childern found')
}

Answer 3

您可以检查子元素的长度

var len = $(".col-sm-6").children().length;
if(len > 0)
   alert('Child exist');
else
   alert('Child does not exist');

Answer 4

你可以使用jQuery＆＃39; children()

var kids = $('.col-sm-6').children();
if(kids.length > 0) {
    alert('has children')
}

此处提供更多信息：jQuery Children

Answer 5

这是一个工作的掠夺者：http://plnkr.co/edit/1zIujNK6TPJKjbGcaDjz?p=preview

$("a.lookupclick").attr('href','');

只需使用jQuery孩子 - ＆gt;返回数组，然后得到长度：）

Answer 6

使用原生JS

var profile = document.querySelectorAll('.profile-feed .col-sm-6');
var childs = profile[0].querySelectorAll('*');