下一個或類似。 Readmore

Question

可能是一個相當容易的問題。在這裏，我們去...

• 有一個單一的div
• 其中P標籤的帶有「readmore」鏈接裏面到底幾個P標籤，可能是一個跨度類
• 需要添加一個類同一格內的所有下面的p標籤
• 額外的類可以加入你自由，使解決方案更加容易

HTML與此類似。在頁面加載帶有「readmore」跨度的p-tag之後的所有p-tag應該有一個類添加class =「afterReadmore」左右。

<div> 
    <p>Some lorem ipsum text</p> 
    <p> 
    Some lorem ipsum text 
    <span class="readmore">Click</span> <-- look for this inside a p-tag 
    </p> 
    <p>Some lorem ipsum text</p>   <-- add class since after p-tag with the readmore span 
    <p>Some lorem ipsum text</p>   <-- add class since after p-tag with the readmore span 
    <p>Some lorem ipsum text</p>   <-- add class since after p-tag with the readmore span 
</div> 

我讀到似乎可用的nextAll功能。

Answer 1

$(function(){ 
    $('div').find('.readmore') 
      .closest('p') 
      .nextAll('p') 
      .addClass('afterReadmore'); 
}); 

DEMO： http://jsfiddle.net/dirtyd77/4KFWU/1/

---

您也可以使用.index()和:gt()

$(function(){ 
    var index = $('div').find('.readmore').closest('p').index(); 
    $('div > p:gt(' + index + ')').addClass('afterReadmore'); 
}); 

DEMO： http://jsfiddle.net/dirtyd77/4KFWU/3/

Answer 2

.nextAll將工作：

$('.readmore').click(function() { 
    $(this).closest('p').nextAll('p').addClass('show'); 
});