jQuery 更改子文本

Question

我有一个 jquery 函数，它使用 jquery“文本”函数更改元素内的文本。在这个 td 元素内部有一个像这样的子“a”标签。

<td class="v3"><a href="somelink">text to change</a>

要更改的文本由 td 类标识。当我更改文本时，我会丢失链接。问题是如何使用父元素更改文本而不接触子元素(a href)？

谢谢

Answer 1

如果你有:

<td class="v3">
     <a href="somelink">text to change</a>
</td> 

然后在你的函数中你应该有这样的东西:

$("td.v3").children("a").text("new text");

但是，这将选择属于 .v3 类的 td 直接子级的所有链接。在 child 之后添加 .first() 应该会有所帮助:

$("td.v3").children("a").first().text("new text");