jquery - 在点击链接的 DOM 中查找 "position"

Question

我有一个页面，其中包含许多链接，其中包含一个名为“myLinkClass”的类。这些链接可以驻留在两个 DOM 结构之一中:

<div class="divClassA">
    <a class="myLinkClass" ...
</div>

或

<div class="divClassB">
    <a class="myLinkClass" ...
</div>

我使用 jQuery 将类链接的单击事件连接到事件处理程序:

$(document).ready(function () {
    $('.myLinkClass').bind('click', function (event) {
        //...
    });
});

如何确定单击的链接是在 divClassA 还是 divClassB 内？

请注意，虽然在上面的示例中链接是 div 的直接子链接，但情况可能并非如此。此外，divClassA 和 divClassB 可能有任意数量(而不仅仅是每个)。

Answer 1

您可以检查单击的元素是否有 ancestor与divClassA。如果没有，您应该可以假设它位于 divClassB 中:

$('.myLinkClass').bind('click', function (event) {
    if($(this).closest(".divClassA").length) {
        //Inside divClassA
    }
    else {
        //Not inside divClassA!
    }
});

这是一个working example以上。