Question

我非常困惑如何获得我想要的div id。如果我要点击div layer3 ，所有DIV（父div）也会包含在其中。

HTML：

<div id="parentdiv">
    <div style="z-index:0 ; border:1px solid; width:200px; height:200px;" id="layer1">
        <div style="z-index:1 ; border:1px solid; width:150px; height:150px;" id="layer2">
            <div style="z-index:2 ; border:1px solid; width:100px; height:100px;" id="layer3">
                INNER DIV content
            </div>
        </div>
    </div>
</div>

非常感谢

Answer 1

当我将点击绑定到具有内部列表的列表时，我也遇到了同样的问题。所以我为你的例子改变了我的代码。

$('#parentdiv').on('click', 'div', function (e)
{
    // Stops the inner div elements to also call their parent div
    e.stopPropagation();
});

这样您就可以点击#parentdiv的所有孩子了。 e.stopPropagation（）是一种本机Javascript方法，可以防止您的点击在DOM树中上升。

Answer 2

您应该共享您的代码，以便我们准确理解您的需求，但也许您只需要为div设置处理程序：

$('#layer3').click(function() {
    // your code
});

Answer 3

$('#layer3').click(function() {
    alert($(this).text()); //should be alert INNER DIV content
});

根据z-index值单击时选择div

3 个答案: