javascript - 跨度中的值时的操作

Question

我有一个简单的测试代码 --- 动作和我想要的一样

----对不起我的英语---我希望你能理解我:-)

html ---->

<div class="pagination"> 
<a href="#" class=""><span>1</span></a>
<a href="#" class=""><span>2</span></a>
</div>
<div class="togglemenu">sdfsdfsdfsdf</div>

jquery ----> 当 span 中的值为 1 - 然后隐藏 tooglemenu .... 但它不起作用

$('.pagination').click(function () {
if ($('.pagination span').html() == 2) {
$(".togglemenu").hide();
}
});

谁能帮我 ？我是 jquery 世界的新人 :-)

Answer 1

首先，您希望单击事件处理程序位于您单击的实际跨度上，而不是整个pagination块上。

$('.pagination span').click(function() {

其次，您的if条件应该是测试被点击的当前跨度，而不仅仅是span您的 html 中的第一个。通过使用$(.pagination span).html()，您只是在检查您的第一个span元素，即1. 在您的事件处理函数中，this变量始终指向span当前被点击的那个。

if ($(this).html() == 2) {