jQuery选择器问题

我需要附加一些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开头。如何编写选择器来执行此操作？

试一试。.after函数将内容追加到任何匹配元素之后（请参阅）

$（“#表#div span:last”）。在（“新词”）之后；

试试看。.after函数将内容追加到任何匹配元素之后（请参阅）

$（“#表#div span:last”）。在（“新词”）之后；

这将附加到font元素，正如您所描述的：

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

$（“#table_div font”）。追加（“新单词”）；

下面是一个关于JSFIDLE的示例：

---

这将附加到font元素，正如您所描述的：

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

$（“#table_div font”）。追加（“新单词”）；

下面是一个关于JSFIDLE的示例：

---

如果您想狭隘地针对特定的字体元素（如果您有多个字体元素）

$（“#表#div h1字体[颜色=灰色]”）。追加（“新世界”）

如果您想狭隘地针对特定的字体元素（如果您有多个字体元素）

$（“#表#div h1字体[颜色=灰色]”）。追加（“新世界”）

首先你真的不应该在

和

标记之间穿插…谢谢提醒，会解决问题的。首先你真的不应该在

和

标记之间穿插…谢谢提醒，会解决问题的。

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