如何添加HTML到jQuery的類的最後一段？

Question

我有幾個.desc div的一頁。我想在這些div中添加一些html到最後的paragrahs。

我已經試過這個..

​​

但是這只是把它添加到該分區在整個頁面的最後一段。不是每個在.desc div中的最後一個paragrapgh。如果這是有道理的......

<div class="desc"> 

       <p>Description1</p> 
      </div> 
<div class="desc"> 
       <p>Description2 <span class="orange readMore" style="display: inline; ">Read More</span> <span class="orange readLess" style="display: none; ">Read Less</span></p> 
     </div> 

Answer 1

$(".desc").each(function(){ 
    $(this).find('p:last').append("<span class='orange readMore'>Read More</span> <span class='orange readLess'>Read Less</span>"); 
}); 

像這樣的事情也許

Answer 2

試試這個：

$（「div.desc '）每個（函數（）{$ （本）.find（' p：上」） 。經（ 「閱讀更多閱讀都不能少」）; }）;

Answer 3

您應該使用:last-child代替：

$(".desc p:last-child").append("Some stuff"); 

的:last選擇將永遠是匹配的一套降低到該組的最後一個元素。它只會返回一個元素。

從:last-child的文檔（以下報價恰如其分地描述你確切的問題）：

雖然:last比賽只有一個單一的元素，:last-child可以匹配更多 不止一個：爲每個父之一。