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");
});

Live DEMO

后代选择器（"ancestor descendant"）docs：

  

描述：选择作为给定祖先后代的所有元素。

子选择器（"parent > child"）docs：

  

描述：选择由“parent”指定的元素“child”指定的所有直接子元素。

Answer 2

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