javascript - 我如何知道通过 jQuery 和 JS 选择了哪个类

Question

我有一个包含链接的列表:

<li class="link-1"><a href="#">One</a></li>
<li class="link-2"><a href="#">Two</a></li>
<li class="link-3"><a href="#">Three</a></li>
..

用户单击任何链接，然后使用 jQuery 我想显示链接的内容..类似于:

$(".link-??? a").click(function() {
    alert($(".link-??? a").html());
})

类似这样的事情。我不打算创建 X 函数(作为链接的数量)，那么我该怎么办？我应该替换其他内容中的 ??? ..

Answer 1

你可以做:

 $('li[class^="link"] a').click(...

但是，只有当li只有一个类或者link-X类是列表中的第一个类时，这才有效。

在处理程序内，您可以使用 $(this) 来引用 a 元素:

alert($(this).text());

更好是为 li 元素提供一个公共(public)类:

<li class="link"><a href="#">One</a></li>
<li class="link"><a href="#">Two</a></li>
<li class="link"><a href="#">Three</a></li>

$('.link a').click(... 会更可靠。