检索对象自己的标签[重复]

Question

我正在使用 jQuery 对 li 标签列表进行排序，我当前的代码是：

var arr = [];
$("ul li").each(function() {
    arr.push($(this));
});
arr.sort(cmpFunction);
$("ul").find("li").remove();
$.each(arr, function(index, item){
    console.log(item.html());
});

我在 console.log 中发现的 - 我正在丢失包含 li 标签的外部（带有我想要保留的 html5 数据属性）

.html() 是否还有另一个选项可以给我对象 li 标记

我在这里提供了一个我需要的简单示例：http://jsbin.com/esalas/5

Answer 1

jQuery 中没有内置函数可以做到这一点。解决方法是将元素包装在另一个元素中，然后获取该元素的html()：

$.each(arr, function(index, item) {
    var html = item.wrap("<div></div>").parent().html();
    console.log(html);
});

您也可以恢复为原生 Javascript 并使用 outerHTML - 虽然我没有对此进行测试：

$.each(arr, function(index, item) {
    console.log(item[0].outerHTML);
});