Javascript Jquery";“之前”;添加按钮的关闭标记

Javascript Jquery";“之前”;添加按钮的关闭标记,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有以下HTML元素:- <a href="http://localhost/wordpress/post-2/#more-4" class="more-link"> 输出为: <button class="btn btn-default"></button> <a href="http://localhost/wordpress/post-2/#more-4" class="more-link"> <span aria-label

我有以下HTML元素:-

<a href="http://localhost/wordpress/post-2/#more-4" class="more-link">
输出为:

<button class="btn btn-default"></button>
<a href="http://localhost/wordpress/post-2/#more-4" class="more-link">
    <span aria-label="Continue reading post 2">(more…)</span>
</a>

如果标记不是有效的HTML,则必须关闭它,否则无法打开该标记,因此浏览器将始终通过添加关闭的标记来验证HTML代码

如果您想按按钮包装span,可以使用jQuery方法将其添加到js中:

$( "a.more-link" ).wrap("<button class='btn btn-default'>");

使用jquery函数

<script>
    $(document).ready(function(){
       $( "a.more-link" ).wrap( "<button class=\"btn btn-default\">" );
    }); 
</script>   

$(文档).ready(函数(){
$(“a.more-link”).wrap(“”);
}); 
$(文档).ready(函数(){
$(“a.more-link”)。之前(“我是一个span”);
});  

我不确定您到底需要什么,但如果您正在寻找的是
wrap
函数,请尝试:

$( "a.more-link" ).wrap( "<button class=\"btn btn-default\">" )
$(“a.more-link”).wrap(“”)

zakaria是对的,如果不关闭标签,就无法打开标签,请在按钮中包装span,使用此按钮

$( "a.more-link span" ).wrap("<button class='btn btn-default'>");
$(“a.more-link span”).wrap(“”);

只能将整个元素添加到DOM中。如果要在按钮内添加
span
,可以使用与创建按钮相同的方法添加
append()
。您试图创建的HTML输出是什么?还要注意,如果您的意图是这样的,则在
中不能有
元素。@Anant,是的。它在firefox和firefox中工作chrome@MahsumAkbas所以,若你们得到了答案,那个么就标记并投票给那个答案。如果其他人有用,你也可以投票支持他们。如果仍然存在问题,请告知我们。您不能将
放置在
元素中。您不能将
放置在
元素中。
$( "a.more-link span" ).wrap("<button class='btn btn-default'>");