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元素一个共同的类：

<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(...会更可靠。

Answer 2

尝试..

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

在点击事件中，this应该引用被点击的元素。

你也可以......

alert($(this).html());

..但第一种方式更简单，更快。

Answer 3

为每个元素提供相同的类。然后在你的javascript中引用你的函数。 请查看以下链接，查看工作示例

http://jsfiddle.net/kprgr/2/

<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").click(function() {
    alert($(this).find("a").html());
});

我怎么知道通过jQuery＆amp; amp; JS

3 个答案: