Jquery 根据z索引值单击时选择div

我很困惑如何获得我想要的部门id。如果要单击div第3层，则所有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>

内部DIV内容

---

非常感谢您

您应该共享您的代码，以便我们能够准确地了解您想要什么，但您可能只需要为div设置一个处理程序：

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

---

您应该共享您的代码，以便我们准确地了解您想要什么，但您可能只需要为div设置一个处理程序：

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

---

当我将单击绑定到具有内部列表的列表时，我也遇到了同样的问题。所以我对我的代码做了一些修改，以供参考

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

---

这将允许您单击#parentdiv的所有子项。e.stopPropagation（）是一种本机Javascript方法，可防止您的单击在DOM树中上升。

当我将单击绑定到具有内部列表的列表时，我也遇到了同样的问题。所以我对我的代码做了一些修改，以供参考

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

---

这将允许您单击#parentdiv的所有子项。e.stopPropagation（）是一种本机Javascript方法，可防止您的单击在DOM树中上升。

请共享您的jQuery代码。您需要防止事件上升。尝试在第4层单击事件中调用此代码

e.stopPropogation（）

.REF:请共享您的jQuery代码。您需要防止事件冒泡。尝试在第4层单击事件中调用此代码<代码>e.stopPropogation（）。参考：