jQuery更改子文本

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

text to change

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

感谢名单

Answer 1

如果你有：

  text to change  

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

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

但是，这将选择与类.v3的tds的直接子节点的所有链接。 在孩子之后添加.first（）应该有所帮助：

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

Answer 2

将文本换行到span元素中，然后更改范围中的文本。

 
 bar link 
 ... $('#foo span').text('new text'); 

编辑：

或者使用$('td.v3 a').text("new text")来更改锚点中的文本，如果这是你想要做的。

Answer 3

您只需更改另一个元素的文本即可。

  Link SomeText  

然后像这样调用：

 $('td').find('span').text('myNewText'); 

Answer 4

如果要更改选择菜单中的文本，可以通过为id或类提供选项来完成此操作。

  $('selector').children('option[id=option_id]').text('new text');