如何判断是否有一个特定的孩子(.haschild('#test [att ="test"]'))与jQuery？

Question

<div id="target">
<div id="test" att="test"></div>
</div>

$('target').haschild('#test') 应该 true

$('target').haschild('#test[att="test"]') 应该 true

$('target').haschild('#no') 应该 false

只有$('target')可用.

Answer 1

$('target').children('#test').length == 0

要么

$('target > #test').length == 0

Answer 2

你可以测试一些方法,这里有一个:

if($("#target > #test").length){
   //true
} else {
   //false
}

如果您使用jQuery插件,您实际上可以使用您在示例中使用的语法:

$.fn.haschild = function(selector){
  return ($("> " + selector, this).length > 0);
}

$(function(){
  alert($('#target').haschild('#test')); // Alerts true
  alert($('#target').haschild('#test[att="test"]'));  // Alerts true
  alert($('#target').haschild('#no'));  // Alerts false
});

这是一个有效的例子