Javascript jQuery显示前两个回复,隐藏其余回复
评论分为三个层次。显示了祖父母(深度1)的所有评论。我想显示前两个对每个祖父母评论的深度2回复(父类评论),并使用切换按钮隐藏和显示其余内容(理想情况下是在“隐藏”和“显示”之间切换文本)。除非只有一个深度2回复,否则深度3回复应全部隐藏,如果可能,应显示第一个深度3回复,以便在所有场景中总共显示两个回复 我已成功地在一个页面中切换所有深度3回复 以下是标记和javascript(已更新):Javascript jQuery显示前两个回复,隐藏其余回复,javascript,jquery,toggle,Javascript,Jquery,Toggle,评论分为三个层次。显示了祖父母(深度1)的所有评论。我想显示前两个对每个祖父母评论的深度2回复(父类评论),并使用切换按钮隐藏和显示其余内容(理想情况下是在“隐藏”和“显示”之间切换文本)。除非只有一个深度2回复,否则深度3回复应全部隐藏,如果可能,应显示第一个深度3回复,以便在所有场景中总共显示两个回复 我已成功地在一个页面中切换所有深度3回复 以下是标记和javascript(已更新): 评论-677 评论-678 评论-680 评论-686 评论-688 评论-68
评论-677
-
评论-678
-
评论-680
-
评论-686
-
评论-688
-
评论-689
评论-679
-
评论-682
-
评论-690
-
评论-691
基本上与第三级相同,但使用gt()
(零基)选择器跳过前两个回复:
$(“#全部切换”)。单击(函数(){
那个家伙应该做什么?
<div id="comments">
<ol class="commentlist">
<li class="comment byuser comment-author-admin even thread-even depth-1" id="li-comment-677">
<div id="comment-677" class="grandparent">
<div class="comment-inner">comment-677
</div>
<ul class="children">
<li class="comment byuser comment-author-admin odd alt depth-2" id="li-comment-678">
<div id="comment-678" class="parent">
<div class="comment-inner">comment-678</div>
<ul class="children">
<li class="comment byuser comment-author-admin even depth-3" id="li-comment-680">
<div id="comment-680">
<div class="comment-inner">comment-680</div>
</div>
</li>
<li class="comment byuser comment-author-admin odd alt depth-3" id="li-comment-686">
<div id="comment-686">
<div class="comment-inner">comment-686</div>
</div>
</li>
<li class="comment byuser comment-author-admin even depth-3" id="li-comment-688">
<div id="comment-688">
<div class="comment-inner">comment-688</div>
</div>
</li>
<li class="comment byuser comment-author-admin odd alt depth-3" id="li-comment-689">
<div id="comment-689">
<div class="comment-inner">comment-689</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="comment byuser comment-author-admin odd alt thread-odd thread-alt depth-1" id="li-comment-679">
<div id="comment-679" class="grandparent">
<div class="comment-inner">comment-679
</div>
<ul class="children">
<li class="comment byuser comment-author-admin even depth-2" id="li-comment-682">
<div id="comment-682" class="parent">
<div class="comment-inner">comment-682</div>
<ul class="children">
<li class="comment byuser comment-author-admin odd alt depth-3" id="li-comment-690">
<div id="comment-690">
<div class="comment-inner">comment-690</div>
</div>
</li>
</ul>
</div>
</li>
<li class="comment byuser comment-author-admin even depth-2" id="li-comment-691">
<div id="comment-691" class="parent">
<div class="comment-inner">comment-691</div>
</div>
</li>
</ul>
</div>
</li>
<ol>
</div>
$(this).next('ul').find('li:gt(1)').slideToggle();