j查询 ID 属性选择器

jquery id attribute selector

本文关键字：选择器 属性 ID 查询      更新时间：2023-09-26

我有一个<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");
});

你应该使用空格而不是>：

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

现场演示

后代选择器 （ "ancestor descendant" ） 文档：

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

子选择器 （ "parent > child" ） 文档：

说明：选择由"父"指定的元素的"子"指定的所有直接子元素。 

$('#mainDIV tbody').click(function() {
  alert("test");
});
相关文章：