jquery id属性选择器

Question

我有一个<div id="mainDIV">它包含一个<table>其中<thead>和<tbody>标记存在。

其实这样，每当我们点击<tbody>内，应显示该警报我试图这些选择

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

。但是这不起作用。任何人都可以请建议我解决这个问题。

---

我尝试下面的一个，但它不工作...

$("#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：

说明：选择由 “父母” 指定元素的 “小孩” 中规定的所有直接子元素。

Answer 2

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