Question

我有一个嵌套很多的子div。我希望当有人点击该div然后我想显示警告但如果有人会点击我特定嵌套div的一侧，那么我的点击事件将不会触发。

我的特定div是arrange_collection_today

<div id="header_container" class="c12">
    <div id="header_content_big_empty" class="g12">
        <div class="warranty_rollover_position_relative_wrapper_header">
            <div class="arrange_collection_today">
              <span>Arrange Collection of your faulty part today!</span>
            </div>
        </div>
    </div>
</div>

我试着用这种方式解决它，但没有运气

$('div').click(function(ev){
    var class_name = $(this).attr('class');
    if(class_name='arrange_collection_today')
    {
        alert('testing...');
    }
});

所以请指导我如何实现所有目标。感谢

Answer 1

您可以使用.hasClass()

$('div').click(function(ev){
    if($(this).hasClass('arrange_collection_today'))
    {
        alert('testing...');
    }
});

或推荐

$(".arrange_collection_today").click(function() {

});

LIVE DEMO

Answer 2

您可以随时使用更具体的选择器：

$(".arrange_collection_today").click(function() {

});

Answer 3

如果您使用的是JQuery，则可以使用以下

$(document).on("click", ".arrange_collection_today", function() { //code in here});

这样做的好处是可以触发动态创建的元素以及页面加载过程中出现的元素。

如何在嵌套的特定DIV上附加click事件

3 个答案: