单击元素的jQuery子项

Tom*_*Tom 15 jquery jquery-selectors

我有一个附有点击事件的链接列表,我需要从子A链接获取ID.所以在下面的例子中,如果我点击第一个列表元素,我需要谷歌重新调整.

我已经尝试'$this a'但不能完全解决语法问题.

$("ul li").click(function(event){
  $("input").val($(this).html());             
});
Run Code Online (Sandbox Code Playgroud)

smo*_*per 47

我没有看到HTML示例

$(this).find('a:first').attr('id')
Run Code Online (Sandbox Code Playgroud)

会这样做(修复:第一选择器,如果它不是你的意思)

是指触发事件的元素


Way*_*tin 5

为了使您的代码更简洁,让我们将触发器与如下函数绑定:(我建议您为您的 UL 提供一个 ID,以便它仅特定于该 UL 中的元素)

$('ul li').bind('click', getAnchorId);
Run Code Online (Sandbox Code Playgroud)

调用的函数 (getAnchorId) 获取被单击元素 (ul li) 的子元素 (a) 的 ID 属性,并将其应用于变量 (anchorId),并显示其获取正确的信息,我将结果放入一个警报。

function getAnchorId() {
    var anchorId = $(this).children('a').attr('id');
    alert(anchorId);
}
Run Code Online (Sandbox Code Playgroud)

现在你可以用这个变量做任何你想做的事:)

希望这可以帮助 :)