javascript - 跨度中的值时的操作

标签 javascript jquery html

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

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

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-world 的新手 :-)

最佳答案

首先,您希望在您单击的实际跨度上有您的点击事件处理程序,而不是在整个 pagination block 上。

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

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

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

关于javascript - 跨度中的值时的操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18112645/

相关文章:

jquery - Facebook Like 按钮在隐藏加载时不显示

javascript - 对象长度不匹配

javascript - 移动内容时 Vue 进行转换

javascript - 根据下拉列表中的选定值启用文本框

c# - 抓取 Gridview 文本框输入值 Jquery

javascript - 当选择器之一是 'window' 时组合选择器

javascript - React js 状态和生命周期

javascript - 为什么 setInterval() 在我的 ES6 代码中不起作用?

javascript - 尝试使用 HTML 中的 javascript 打开/关闭 twitch 播放器

html - 具有不同宽度的原始 html 页面中的 block