jQuery divにアンカー子がある場合

Question

シンプルなものに困っています。私の朝の紅茶は十分強くない。

IF divにはアンカーTHEN-blahの子があります。 （ほとんどのjQueryのメソッドなど）childrenメソッドが返すので

$('.box').click(function(){ 
    if ($(this).children('a').length) { 
     //some thing 
    } else { 
     //some thing else 
    } 
}); 

：lengthプロパティをチェック

$('.box').click(function(){ 
    if ($(this).children('a')) { 
     //some thing 
    } else { 
     //some thing else 
    } 
}); 

<div class="box"><a href="#"><img src="#" /></a></div> 
<div class="box"><img src="#" /></div> 
<div class="box"><img src="#" /></div> 

Answer 1

：よう

何かを.BOXするために追加のクラスを追加する必要はありませんjQueryのインスタンスでは、常にtrueと評価されます（したがって、いつもifブランチになります）。 lengthプロパティは数値を返します。0の場合はfalseと評価されます。

Answer 2

.find()を使用してセレクタで追加のセレクタを検索することができます。http://jsfiddle.net/Nf3QH/希望に役立ちます！

Answer 3

最近、jQueryは必要ありません。ちょうどバニラのJavaScriptを少し追加するだけで、コードがかなり短いことに気づくでしょう。

cells = document.querySelectorAll('div'); 
 
      [].forEach.call(cells, function (el) { 
 
      //console.log(el.nodeName) 
 
      if (el.hasChildNodes() && el.firstChild.nodeName=="A") { 
 
      console.log(el)}; 
 
     });

<div class="box"><a href="#"><img src="#" /></a></div> 
 
<div class="box"><img src="#" /></div> 
 
<div class="box"><img src="#" /></div>