用jquery更改链接文本

Question

我在这样的Bootstrap 3手风琴中有一个链接：

<a id="bedlink1" role="button" data-toggle="collapse" data-parent="#myaccordion" aria-expanded="true" href="#bed1"> <i class="material-icons pull-left">arrow_drop_down</i>Bed 1</a>

我需要将链接中的“Bed 1”文本更改为其他值。为此，我使用了以下jQuery代码：

$("#bedlink1").text("Bed 2");

这导致链接文本按预期更改为“Bed 2”，但随标签定义的图标消失。

我也尝试过：

$("#bedlink1").text('<i class="material-icons pull-left">arrow_drop_down</i> Bed 2');

这导致标签显示为文本以及“Bed 2”。

如何设置此链接的文本并保留标记定义的图标？

Answer 1

FALSE TableGrob (1 x 1) "arrange": 1 grobs
20
FALSE z cells name grob
FALSE 1 1 (1-1,1-1) arrange gtable[colhead-fg]
FALSE
FALSE ewpage
21

Answer 2

试试这个：

$("#bedlink1").get(0).lastChild.nodeValue = "Bed 2";