Question

我正在使用JQuery创建动态标签。但它总是丢掉第一个元素（在这种情况下，“li”缺失）。任何人都可以帮助确定问题。

Javascript代码： -

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">Volvo</a></li>

curElementHTML：<a href="#" id="currStudent">Volvo</a>

Answer 1

html函数返回元素的innerHTML。

您似乎想要的是outerHTML。

从jQuery元素开始，您可以使用

$yourJQueryElement[0].outerHTML

你可以在这里做

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

JQuery删除了第一个元素

1 个答案: