私はjQueryのを使用してこのような構成を構築したいタグ

Question

内部のさまざまなコンテンツを組み合わせる：

<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>

をこの行に責任がある私のjQueryのコードは、以下のようになります。

var a2 = $('<a>').attr("href", "add_to_cart:" + item['id']).text('Add to cart'); 
a2.addClass("btn btn-default add-to-cart"); 
var i1 = $('<i></i>'); 
i1.addClass("fa fa-shopping-cart"); 
a2.append(i1); 

を

結果には<i>要素が含まれていません。

.html機能を使用して<i>を追加しようとしましたが、この場合はテキストが消えます。 <a>要素の後にタグとテキストの両方が含まれるようにするにはどうすればよいですか？

あなたの答えてくれてありがとう

Answer 1

ハハハあなたは最後のものを忘れてしまった...

$(".test").html(a2); 

と親コンテンツ

<div class="test"></div> 

$(document).ready(function() { 
 
\t var a2 = $('<a>').attr("href", "add_to_cart:").text('Add to cart'); 
 
\t a2.addClass("btn btn-default add-to-cart"); 
 
\t var i1 = $('<i>iiiiiiiiiiii</i>'); 
 
\t i1.addClass("fa fa-shopping-cart"); 
 
\t a2.prepend(i1); 
 

 
\t $(".test").html(a2); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<div class="test"></div>