如何訪問的jQuery

Question

的成功函數的結果財產我已經jQuery的的success函數定義爲：

success: function(result) { 
    var htmlString = [result]; 
    for (i = 0; i < htmlString.length; i++) { 
     $('#MyGrid tbody').append('<tr><td><a href="#">' + htmlString[i].name+ '</a></td><td><a href="#" class="remove">Remove</a></td></tr>'); 
    } 
}, 

和事件處理程序與delegate約束：

$('#MyGrid').delegate('a.remove', 'click', function() { 
    var name= ;$(this).closest('tr').find("td").eq(0).find('a').text(); 
    var number = ; //here i need to access htmlString[i].number 
    alert(number); 
} 

我如何分配htmlString[i].number到number變量？

Answer 1

可能會有更好的辦法，但一個方式是在success回調分配result一些全局範圍變量和訪問它在委託調用

否則你可以這樣來做分配htmlString[i].number到rel標籤

success: function(result) { 

       var htmlString = [result]; 
       for (i = 0; i < htmlString.length; i++) { 

       $('#MyGrid tbody').append('<tr><td><a rel="'+htmlString[i].number+'" href="#">' + htmlString[i].name+ '</a></td><td><a href="#" class="remove">Remove</a></td></tr>'); 
       } 

      }, 

，並在委託調用

 $('#MyGrid').delegate('a.remove', 'click', function() { 

       var name= $(this).closest('tr').find("td").eq(0).find('a').text(); 
       var number = $('#MyGrid').delegate('a.remove', 'click', function() { 

       var name= $(this).closest('tr').find("td").eq(0).find('a').text(); 
       var number = $(this).closest('tr').find("td").eq(0).find('a').attr('rel'); 
       alert(number); 
    } 
      alert(number); 
} 

Answer 2

ŧ他似乎是一個完美使用案例.data()：

/*snip */ 
for (i = 0; i < htmlString.length; i++) { 
    var $row = $('<tr><td><a href="#">' + htmlString[i].name + '</a></td><td><a href="#" class="remove">Remove</a></td></tr>'); 
    $row.find("a.remove").data("number", htmlString[i].number); 

    $('#MyGrid tbody').append($row); 
} 

然後在事件處理：

$('#MyGrid').delegate('a.remove', 'click', function() { 
    var number = $(this).data("number"); 
    alert(number); 
}); 

這裏有一個工作示例：http://jsfiddle.net/BRZD7/