JQueryが最初の要素を削除します

Question

JQueryを使用して動的なタブを作成しています。しかし、それは常に最初の要素を落とします（この場合、 "li"が欠けています）。誰でも問題の特定に役立つことができます。

Javascriptコード： - DEVツール（スクラッチ）に

var cars = ["Volvo", "BMW"]; 
    for (var key in cars) { 
     var currAcc = cars[key]; 
     var curElement = '<li class="hover">'; 
     curElement += '<a href="#" id="currStudent">'; 
     curElement += '<i class="menu-icon fa fa-user"></i>'; 
     curElement += '<span class="menu-text">' + currAcc + '</span>'; 
     curElement += '</a>'; 
     curElement += '<b class="arrow"></b>'; 
     curElement += '</li>'; 
     console.log('curElement: ' + curElement); 
     console.log('curElementHTML: ' + $(curElement).html()); 
    } 

結果：

curElement：<li class="hover"><a href="#" id="currStudent"><i class="menu-icon fa fa-user"></i><span class="menu-text">Volvo</span></a><b class="arrow"></b></li>

curElementHTML：<a href="#" id="currStudent"><i class="menu-icon fa fa-user"></i><span class="menu-text">Volvo</span></a><b class="arrow"></b>

Answer 1

html機能要素のinnerHTMLを返します。

あなたが望むようなものはouterHTMLです。

jQueryの要素から始めて、あなたはここで

$yourJQueryElement[0].outerHTML 

を使用することは、単に与えられた助けを

console.log('curElementHTML: ' + curElement.outerHTML);