使用jquery(而不是javascript)在锚标记内追加html

使用jquery(而不是javascript)在锚标记内追加html,javascript,jquery,html,Javascript,Jquery,Html,我有一个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>&

我有一个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)实现这一点

$(“.selected single”).text()
更改锚定标记下的文本,但我如何更改锚定标记下的文本,同时使用一些html

在javascript中,我们有
innerHTML


jquery中的等价物是什么?

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

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

您需要使用
.html()
/
.html(新html)
获取/设置html内容:

 $(".chosen-single").html('<span>1 - Test Setup123</span><div><b></b></div>');
$(“.selected single”).html('1-testsetup123');
这个怎么样

$(".chosen-single").html(yourHtml)
这个怎么样

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

或者像这样做,给你更多的控制权:

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

使用类或id命名跨距,使其更具体。

或者这样做,可以提供更多控制:

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

使用类或id命名span,使其更具体。

对于span中的内部文本,可以使用jQuery html()

然后,可以使用jquery insertAfter()将div追加到span之后:

$('').insertAfter('.selected single span');

对于span中的内部文本,可以使用jQuery html()

然后,可以使用jquery insertAfter()将div追加到span之后:

$('').insertAfter('.selected single span');

有append、prepend和其他
。html()
是您所需要的全部…append/prepend将不允许您更改现有内容。。请注意跨度内的文字变化。。。因此,是的。在这种情况下,html()是您想要的。有append、prepend和其他
。html()
是您需要的全部…append/prepend将不允许您更改现有内容。。请注意跨度内的文字变化。。。因此,在本例中,yes.html()是您想要的。这不会更改现有的innerText。。。所以这不管用。。无论如何,不在提供的示例中。这不会更改现有的innerText。。。所以这不管用。。无论如何,在提供的示例中没有。两个步骤与仅使用.html()相比,这是一个额外的优势-更多的控制。你不知道他/她想对问题代码做什么我不同意,我只是说两步对一步。。每种情况都不一样。。在本例中,html单独起作用。是的,html()将足以回答问题-但这是一个过时的解决方案。我想我们应该鼓励更进一步。我想每个人都有自己的选择。两个步骤与只使用.html()相比,这是一个额外的好处-更多的控制。你不知道他/她想对问题代码做什么我不同意,我只是说两步对一步。。每种情况都不一样。。在本例中,html单独起作用。是的,html()将足以回答问题-但这是一个过时的解决方案。我想我们应该鼓励更进一步。我想每个人都有自己的。