jQuery "Each"函数值

Question

这样，我就有了原来的AJAX功能:

dataType: 'json',
data : { action: something , id: id}, 
success: function(data) {
    var my_title= data.title; // values: "post1,post2,post3"      
    var my_name = data.name;  // values: "steve,mike,sean"
    var my_html ='<div class="'+ my_title +'">'+ my_name +'</div>' 
    jQuery('.my_class').append(my_html); 
}

因此，我有两个变量(my_titles 和 my_name)，每个变量都有 3 个值(n 个数字值)。

然后，我想将这些单独的值用于 my_html 变量，并将它们附加到 .my_class 中。

结果如下:

 <div class="my_class">
    <div class="post1">Steve</div>
    <div class="post2">mike</div>
    <div class="post3">sean</div>
 </div>

因此，我尝试编辑我的 AJAX 函数，如下所示:

dataType: 'json',
data : { action: something , id: id}, 
success: function(data) {
   jQuery.each(data,function (i,n){     
        var my_title= n.title;
        var my_name = n.name;               
        alert("Title:" + my_title);             
    });
}

结果是我得到未定义。

有什么帮助吗？谢谢!

Answer 1

您应该按照以下方式进行操作。

jQuery.each(data.title, function (index){        
    var my_title = this; // change here `this` instead of `data.title`               
    alert("Title:" + my_title);             
});

如果data.title是一个字符串。您需要split data.title，然后像下面这样迭代它。

jQuery.each(data.title.split(','), function (index){        
    var my_title= this;               
    alert("Title:" + my_title);             
});

更新:在 ajax 成功中执行以下操作。

var length=data.title.length;
for (var i=0; i<length; i++) {    
    var my_title= data.title[i];
    var my_name = data.name[i];               
    alert("Title:" + my_title); 
    alert("Name:" + my_name);             
});