将Ajax回调数据转换为JQuery对象

Convert Ajax Callback Data to JQuery Object

本文关键字：JQuery 对象 转换 数据 Ajax 回调      更新时间：2023-09-26

我的代码正在做一个AJAX调用，返回一个或多个<li>元素在一个简单的字符串…该函数需要返回一个JQuery对象。我希望能够通过处理字符串数据作为一个JQuery对象在数据字符串中的每个<li>元素循环。如何将这个简单的字符串转换为有效的JQuery对象?

ondata函数的data参数包含简单的字符串内容，如下所示:

<li title="ID: 2" id="abc" rel="departmentgroup" class="closed"><a href="#" class="xxx" ><ins class="departmentgroup">&nbsp;</ins>Hierarchy(8)</a></li> <li title="ID: 3" id="def" rel="departmentgroup" class="closed"><a href="#" class="xxx" ><ins class="departmentgroup">&nbsp;</ins>Floating(62)</a></li>

在你看到下面的代码，我试图。clone()这个数据，但语句错误，因为数据不是一个JQuery对象…我需要它。

ondata: function(data, tree){
newData = $(data).clone();
        $.each($(newData).find("a"), function(i, item){
    if ($('#' +  $(item).attr("rel") + '-Path').length > 0) {
        $(item).children('ins').attr("connected", "true");
        $(item).children('ins').attr("class", "tick");
    }
    $("#relational-tree").data('loaded', 'true');
    });
return $(newData);
}

$(data)返回一个jquery对象。不知道你为什么要克隆它…下面是一个例子http://jsfiddle.net/parit/n2t2X/

$(document).ready(function () {
var a = $('<li title="ID: 2" id="abc" rel="departmentgroup" class="closed"><a href="#" class="xxx" >Hierarchy(8)</a></li><li title="ID: 3" id="def" rel="departmentgroup" class="closed"><a href="#" class="xxx" >Floating(62)</a></li>')
$.each(a, function (index, element) {
    alert($(element).attr('title'))
})

});

相关文章：