在单击按钮时获取下一个和上一个输入
提问于 2012-12-06 15:20:19
我需要通过单击作为按钮的a元素样式来获取前一个和下一个输入的值……示例代码：
<ul>
<li>
<input type="text">
</li>
</ul>
<ul>
<li class="li-inline">
<a class="btn" href="#">
<i class=""></i>
</a>
</li>
</ul>
<ul>
<li>
<input type="text">
</li>
</ul>我尝试了next()和prev() jquery方法，但没有达到预期的效果。
$("a").click(function() {
$(this).next(":input");
});
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-12-06 15:22:00
Stack Overflow用户
发布于 2012-12-06 15:22:39
试试这个：
$("a").click(function() {
var $a = $(this);
var prevInputValue = $a.closest('ul').prev().find('input').val();
var nextInputValue = $a.closest('ul').next().find('input').val();
});在原始代码中，next()不起作用，因为input元素不是a的兄弟元素。您需要遍历DOM来查找包含它们的相关ul。
Stack Overflow用户
发布于 2012-12-06 15:24:02
尝试下面的代码
$("a").click(function() {
var previous = $($(this).closest('ul').prev('ul').find.(":input").get(0)).val();
var next= $($(this).closest('ul').next('ul').find.(":input").get(0)).val();
});谢谢
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13746753
复制相关文章
腾讯云开发者
