jQueryのセレクタの質問

Question

セレクターを開始しているので、私は、この

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

は、これらのdivの倍数、異なるdivのIDを持つすべてがあります。この

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

になるように、いくつかのHTMLを追加する必要があります

divのIDでこれを行うセレクタを書くにはどうすればよいですか？

Answer 1

これを実行します。ここでjsFiddle上の例だ

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

：.after機能は、これはあなたが望んでいたものを説明したのと同様に、フォント要素に追加します

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

Answer 2

（http://api.jquery.com/after/を参照）任意のマッチング要素の後にコンテンツを追加し：あなたが狭く特定のフォント要素をターゲットにする場合 http://jsfiddle.net/PZEDG/

Answer 3

（場合には、あなたが持っている複数の）

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