<a> 对于<button>使用 JS 的一个实例，替换为

Question

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

<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>

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

Answer 1

您需要在replaceWith中写入功能，该功能会做魔术：

$('li:first-child a').replaceWith(function() {
  return $("<button />", {
    html: $(this).html()
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li><a href="#">link 1</a></li>
  <li><a href="#">link 2</a></li>
</ul>
<script>
</script>

Answer 2

我认为它有效：

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