Jquery next()函数帮助
jquery help with next() function
我有一些像这样的HTML标记,
</a>
<nav>
<ul>
<li><a href=""><img src="/media/icons/view.jpg" alt="Views"/> 210</a></li>
<li><a href=""><img src="/media/icons/like.jpg" alt="Likes"/> 45</a></li>
<li class="jobs"><a href="">52 New Jobs</a></li>
</ul>
</nav>
<ul class="job_listings">
<li><a href="">Outbound Telesales Assistant ></a></li>
<li><a href="">Business Development Manager ></a></li>
</ul
</li>
.job_listings
是隐藏在dom准备,需要显示时,点击li.jobs a
,我已经尝试了以下,jQuery:
$('#jobwall .jobs a').click(function(){
$(this).next('.job_listing').show();
return false;
});
您应该获得nav元素的下一个元素,而不是锚,并且您在.job_listing选择器中缺少s。
试试这个:
$('#jobwall .jobs a').click(function(){
$(this).closest("nav").next('.job_listings').show();
return false;
});
给你:
$(this).closest('#commonContainer').find('.job_listings').show();
相关文章:
- Node Express Handlebars帮助程序未返回函数的结果
- 有人可以帮助我调试带有addClass和removeClass函数的“每个会话一次”cookie吗?
- 是否有任何函数可以帮助转义 jQuery 选择器中包含的所有元字符?
- 我需要一些帮助来理解JavaScript中的对象文字函数
- 我需要帮助来调用add()函数和验证函数,所以首先它将验证和然后添加
- 循环函数(Javascript回调帮助)
- 需要getInput函数的帮助
- 编写一个函数需要帮助,该函数接受一个数组和一个元素,并返回一个删除了所有元素的数组
- 我可以使用一个函数来帮助分配和验证作为对象传递的属性吗
- 我在哪里放置我的帮助程序函数
- Angular.js:为什么使用简单的帮助程序函数改变$scope会导致未插值的 {{..}} 表达式
- 在帮助程序函数中使用 for 循环的正确方法 |流星
- 如果可能的话,我需要帮助了解这个jQuery过滤器函数是如何工作的,逐行工作
- Javascript Chessboard Pattern,onclick 函数帮助(基本)
- Protractor函数帮助程序生成相同的东西
- 添加setTimeout JavaScript/jQuery函数帮助页面加载更快
- 需要Jquery动画/函数帮助
- Javascript显示图像函数:帮助简化函数
- JavaScript递归函数帮助删除连字符
- Jquery next()函数帮助