选择具有特定属性JQUERY的.next()元素
这就是我所拥有的:选择具有特定属性JQUERY的.next()元素,jquery,select,attributes,next,Jquery,Select,Attributes,Next,这就是我所拥有的: $("#comment").next().attr('shown',0).fadeIn(); 我试图显示隐藏在页面上的下一条评论。但是,我试图一次显示两条注释,因此如果单击第一条,第二条就是下一条。所以我给了一个show属性。我想选择属性为显示=0的下一个。上述方法不起作用。我相信它将是下一行(tr[show=0]),但我无法让它工作(我正在表格中查找下一行) 感谢您的帮助 next只能返回下一个兄弟姐妹 您可以调用nextAll,使用:first选择器返回所有后续同级,以
$("#comment").next().attr('shown',0).fadeIn();
我试图显示隐藏在页面上的下一条评论。但是,我试图一次显示两条注释,因此如果单击第一条,第二条就是下一条。所以我给了一个show属性。我想选择属性为显示=0的下一个。上述方法不起作用。我相信它将是下一行(tr[show=0])
,但我无法让它工作(我正在表格中查找下一行)
感谢您的帮助 next
只能返回下一个兄弟姐妹
您可以调用nextAll
,使用:first
选择器返回所有后续同级,以获取第一个匹配的同级:
$(...).nextAll("tr[shown=0]:first")
Salk的回答会起作用,但我会考虑不要在HTML中使用自定义属性,因为它可能会混淆另一个开发人员。类似这样的内容将不使用自定义属性:
<style>
.hidden {
display:none;
}
</style>
<script>
$(document).ready(function(){
$('.showmore').click(function(){
$(this).parent().nextAll(':hidden:first').removeClass('hidden');
})
});
</script>
<div id="comments">
<div class="comment" id="comment1">
Test comment
<a href="#" class="showmore">Show More</a>
</div>
<div class="comment" id="comment2">
2nd test comment
<a href="#" class="showmore">Show More</a>
</div>
<div class="comment hidden" id="comment3">
3rd test comment
</div>
<div class="comment hidden" id="comment4">
4th test comment
</div>
</div>
.隐藏{
显示:无;
}
$(文档).ready(函数(){
$('.showmore')。单击(函数(){
$(this.parent().nextAll(':hidden:first').removeClass('hidden');
})
});
测试注释
第二次测试评论
第三次测试评论
第四次测试评论
我知道这是一篇老文章,但只要看标题,第一个答案就把我甩了。然而@SLaks答案正是我个人想要的,并且解决了我的问题
这实际上帮助了我在一个完全不同的情况下,而只是碰巧找到了这篇文章很多。这是他在回答中提到的最好的答案
我遇到的问题与下面的类似,我必须从特定属性中进行选择,以便获得下一个具有类似属性名称但值不同的属性
<div class="blah" data-field="sometext" data-index="0"></div>
<div class="bar"></div>
<div class="blah" data-field="sometext" data-index="1"></div>
$("div[data-field='sometext'][data-index='0']")
.nextAll("div[data-field='sometext']:first");
$(“div[data field='sometext'][data index='0']”)
.nextAll(“div[data field='sometext']:first”);
以上回报
<div class="blah" data-field="sometext" data-index="1"></div>
希望这对其他人有所帮助,因为它对我帮助很大这可能是因为“Showed”不是HTML中的默认属性吗?请尝试使用Id、类或名称。