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

Append html within anchor tag using jquery(not javascript)

本文关键字：html jquery javascript 使用      更新时间：2023-09-26

我有一个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中的等价项是什么？

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

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

这个怎么样？

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

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

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

然后，您可以使用jquery insertAfter（）将div追加到span之后：

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

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

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

用类或id命名跨度，使其更具体。

相关文章：