jQuery選擇問題

Question

我需要追加一些HTML使這一

<div id="table_div"> 
    <h1> 
     <font color="grey"> 
      <span>spend</span> 
     </font> 
    </h1>   
</div> 

成爲該

<div id="table_div"> 
    <h1> 
     <font color="grey"> 
      <span>spend</span> 
      <span>new word</span> 
     </font> 
    </h1>   
</div> 

有這些div的倍數，都具有不同的DIV的ID，所以選擇了開始與div id。我怎樣才能編寫一個選擇器來做到這一點？

Answer 1

給這個去。的。經過功能附加任何匹配的元素之後的內容（見http://api.jquery.com/after/）

$("#table_div span:last").after("<span>new word</span>"); 

Answer 2

這將追加到字體元素，就像你描述你想要的東西：

$("#table_div font").append("<span>new word</span>"); 

下面是對的jsfiddle爲例： http://jsfiddle.net/PZEDG/

Answer 3

如果你想以微弱的針對特定字體元素（如果你有一個以上的）

$("#table_div h1 font[color=gray]").append("<span>new world</span>")