JQueryは要素に独自のコンテンツを追加します

Question

<span>要素をアンカー要素にその内容とともに追加する必要があります。このように：私はjQueryの中でそれをしようが、私はコンテンツを置くことができない

<div class="button"><a href="#">content text<span>content text</span></a></div> 

：

$('.butt a').append('<span>'+???+'</span>'); 

することができます場合は、私を助けてください

<div class="button"><a href="#">content text</a></div> 

私はこれを必要とします！ありがとうございました！

Answer 1

あなたはこのように、.append()に関数を渡すことができます。

$('.button a').append(function(i, html) { return '<span>'+html+'</span>'; }); 

You can test it out here、またはビットより安全なDOMのアプローチ（私がいいと思うものを）：

$('.button a').append(function(i, html) { return $('<span />',{html:html}); }); 

You can test that version here。上記のどちらの場合でも、html関数が受け取るのは、あなたが追加している<a>の内部の現在のhtml/textです。ここで完璧に動作します。あなたがbuttクラスを選択しようとしているので、

Answer 2

あなたの問題がある - しかし、あなたのクラスはbuttonです：

$('.button a').append('<span>Your span text here</span>');