JQuery单击类内的链接

JQuery onclick link inside a class

本文关键字:链接 单击 JQuery      更新时间:2023-09-26

嗨,我在<ul>标记中有一个链接,我正在尝试获取pagination类中所有<a>标记的点击事件。这是代码

<ul class='pagination'>
<li class='details'>Page 1 of 2</li>
<li><a class='current'>1</a></li>
<li><a href='?page=2'>2</a></li>
<li><a href='?page=2'>Next</a></li>
<li><a href='?page=2'>Last</a></li>
</ul>

我试过的是:

<script>
$(document).ready(function() {
     $("a.pagination").click(function(){alert("something..")})
});
</script>

您使用的选择器将获得具有类pagination的achor a,使用这样的子代选择器,

实时演示

$(".pagination a").click(function(){alert("something..")}) 

要排除".current"…

$(".pagination a[href]").click(function(){ alert("something..")}) });

您选择的是a.pagination,这是错误的。

尝试:

$(document).ready(function(){ $("ul.pagination a").click(function(){alert("something..")}) });