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"）文档：

说明：选择“parent”指定的元素的“child”指定的所有直接子元素。

Answer 2

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