javascript - Jquery Selector 特定元素的父级

Question

我正在构建一个菜单，看起来像这样:

<ul id="myUl">
    <li><span>li #1</span>
        <ul>
            <li>
                <div class="myContent">
                    <a href="" name="myLink">clickMe!</a>
                </div>
            </li>
    </li>
</ul>

所以，我想为 <a> 定义一个点击处理程序ul 的标签ID 为"myUl".

我尝试了类似 css 选择器的东西:

$('ul[id="myUl] a').on('click', do stuff!);

或

$('ul[id="myUl] > a').on('click', do stuff!);//这不起作用，因为 a不是 ul 的直接子代.

处理 a 的点击的正确方法是什么？此特定元素 ul ？

Answer 1

像这样。

$('#myUl a').on('click', your_func);

请注意，我没有使用 >，它限制您只能使用 ul 的直接后代(子级)。

或者你也可以这样做。

$('#myUl').on('click', 'a', your_func);

不同之处在于，这会将处理程序绑定(bind)到 UL，但仅在单击 a 时才会触发它。第一个示例直接绑定(bind)到 a。