jQuery.append和.prepend问题
我有一些html:jQuery.append和.prepend问题,jquery,html,append,prepend,Jquery,Html,Append,Prepend,我有一些html: <div class="sample"> <span> Text </span> </div> 正文 我想放一个“”; 但结果是我得到: <div class="sample"> <span> <a href='http://www.example.com' target='_blank'></a> Text </span>
<div class="sample">
<span>
Text
</span>
</div>
正文
我想放一个“”;
但结果是我得到:
<div class="sample">
<span>
<a href='http://www.example.com' target='_blank'></a>
Text
</span>
</div>
正文
有趣的是,如果我只是使用“新文本”而不是
<div class="sample">
<span>
New Text
Text
New Text
</span>
</div>
新文本
正文
新文本
知道为什么要改变这个吗?您可以使用wrap()
方法
$(".sample span").wrap("<a href='http://www.example.com' target='_blank'></a>");
$(.sample span”).wrap(“”);
API参考:您可以使用wrap()
方法
$(".sample span").wrap("<a href='http://www.example.com' target='_blank'></a>");
$(.sample span”).wrap(“”);
API参考:您可以使用
wrapInner
方法:
$(".sample span")
.wrapInner("<a href='http://www.example.com' target='_blank'></a>");
$(“.sample span”)
.wrapInner(“”);
请注意,您的
prepend
方法中存在语法错误,您无法将
传递给这些方法以添加结束标记。这不是这些方法的正确用法。您可以使用wrapInner
方法:
$(".sample span")
.wrapInner("<a href='http://www.example.com' target='_blank'></a>");
$(“.sample span”)
.wrapInner(“”);
请注意,prepend
方法中存在语法错误,您无法将
传递给这些方法以添加结束标记。这不是这些方法的正确用法。请尝试此方法
var prepend = "<a href='http://www.example.com' target='_blank'>";
var append = "</a>";
$(".sample span").html(prepend + $(".sample span").html() + append);
var prepend=“”;
$(“.sample span”).html(前置+$(.sample span”).html()+追加);
试试这个
var prepend = "<a href='http://www.example.com' target='_blank'>";
var append = "</a>";
$(".sample span").html(prepend + $(".sample span").html() + append);
var prepend=“”;
$(“.sample span”).html(前置+$(.sample span”).html()+追加);
尝试使用.wrap()尝试使用.wrap()