目标点击功能可嵌套在嵌套<li> </li>中

Question

我试图将点击功能限制为仅位于<li>的{​​{1}}和class="active"的{​​{1}}下的链接。

在下面的示例中，这将等于<li> + class="scroll"。 我正在尝试以下哪个不适合我：

JQUERY：

Block 1-1

HTML：

Block 1-2

Answer 1

试试这个：

$('#menu').on('click', 'li.scroll', function (e) {
    if ($(this).parent().parent().hasClass('active')) alert();
})

继承人演示：https://jsfiddle.net/66wavtaf/