<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 />');