如何在jquery中的类层次结构上添加事件

Question

我想要以下结构

<div class="test">
<div class="test1"> 
</div>
</div>

我正在尝试在test1上点击事件

$(".test .test1").click(function()
{

 });

但它没有约束力。

任何帮助？

Answer 1

你需要：

$(".test .test1").click(function() {
     // Your code to handle when .test1 inside .test is clicked
});

或者如果您想在此元素上触发click事件，则可以使用.trigger()：

$(".test .test1").trigger('click');

另外，请记住在DOM ready handler中添加代码：

$(function() {
    $(".test .test1").click(function() {
         // Your code here
    });
});

如果您的元素动态添加到DOM，则需要使用 event delegation ：

$('body').on('click', '.test .test1' , function() {
    // Your code here
});