javascript - jquery id 属性セレクター

Question

とタグが存在するを<div id="mainDIV">含む があります。<table><thead><tbody>

実際に私はこれらのセレクターを試しています

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

内をクリックするたびに<tbody>、そのアラートが表示されるようにします。しかし、これは機能していません。誰でも私にこれに対する解決策を提案してもらえますか?

---

以下を試してみましたが、うまくいきません...

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

これは、機能していないコードの私の部分です..

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

Answer 1

の代わりに空白を使用する必要があります>。

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

ライブデモ

子孫セレクター ( "ancestor descendant")ドキュメント:

説明: 特定の祖先の子孫であるすべての要素を選択します。

子セレクター ( "parent > child")ドキュメント:

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

Answer 2

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