jquery idアトリビュートセレクタ

Question

<thead>と<tbody>タグが存在する<table>を含む<div id="mainDIV">があります。我々は<tbody>の内側をクリックしたときに、そのアラートが表示されなければならないよう

実際に私は、これらのセレクタ

$("#mainDIV > tbody").on("click", function(){ 
    alert("test"); 
} 

をしようとしています。しかし、これは動作していません。誰も私のためにこれを提案することができますか？

---

私はあなたがホワイトスペースを使用する必要があります。.. 1以下が、そのが動作していない...

$("#mainDIV tbody").on("click", function(){ 
    alert("test"); 
} 

これが機能していないthatsのコードの私の一部です

$("#ui-datepicker-div tbody").on("click", function(){ 
       alert("test"); 
}); 

Answer 1

を試してみました>の代わりに：

Live DEMO

子孫セレクタ（"ancestor descendant"）docs：

説明：指定された祖先の子孫であるすべての要素を選択します。

子供セレクタ（"parent > child"）docs：

説明： "親" で指定された要素の "子" で指定されたすべての直接の子要素を選択します。

Answer 2

$('#mainDIV tbody').click(function() { 
    alert("test"); 
});