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>")