使用jquery（而不是javascript）在锚标记中附加html

Question

我有一个HTML代码

<a href="javascipt:void(0)" class="chosen-single" tabindex="-1">
<span>Thutmekri</span>
</a>

我想改成

<a href="javascipt:void(0)" class="chosen-single" tabindex="-1">
<span>1 - Test Setup123</span><div><b></b></div>
</a>

如何使用jquery（而非javascript）实现此目的？

$(".chosen-single").text()更改了锚标记下的文字，但是如何更改它还有一些html？

在javascript中我们有innerHTML。

jquery中的等价物是什么？

Answer 1

您需要使用.html() / .html(newhtml)来获取/设置html内容：

 $(".chosen-single").html('<span>1 - Test Setup123</span><div><b></b></div>');

Answer 2

这个怎么样？

$(".chosen-single").html(yourHtml)

Answer 3

对于span中的内部文本，您可以使用jQuery html（）：

$(".chosen-single span").html('1 - Test Setup123');

然后你可以使用jquery insertAfter（）：

在span之后追加div

$('<div><b></b></div>').insertAfter('.chosen-single span');

Answer 4

或者就这样做，给你更多控制权：

$('.chosen-single').find('span').prepend('<div><b></b></div>');

使用类或ID命名跨度以使其更具体。