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

放手一搏。 .after函数在任何匹配元素之后附加内容（参见http://api.jquery.com/after/）

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

Answer 2

这将附加到font元素，就像您描述的那样：

$("#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>")