Javascript 替换<；a>；与<；按钮>；例如，使用JS

我有自动生成的代码，并希望替换为

<ul>
 <li><a href="#">link 1</a></li>
 <li><a href="#">link 2</a></li>
</ul>

<script>
 var $button = $('<button />');
 $('li:first-child a').replaceWith($button);
</script>

变量$按钮=$（''）；
$（'li:first child a'）。替换为（$button）；

---

任何帮助都将不胜感激。我只想将链接2更改为一个按钮。

您需要在

replaceWith

中编写一个函数，这将产生神奇的效果：

$（'li:first child a'）。替换为（function（）{
返回$（“”）{
html:$（this.html（））
});
});





我认为它能起作用：

 $('ul li:nth-child(2)').html('<button />');

$（'ulli:nth child（2）'）.html（“”）；
这听起来像一个按钮。为什么不将a标记格式化为按钮？无论你网站上的按钮看起来像什么，我只是在另一篇文章中找到了答案。你有没有发现任何错误？按钮没有出现吗？到底什么对你不起作用。是的，答案是向上投票的，但它与你的答案几乎完全相同，所以一些细节会很有帮助。