javascript - jquery 中 $.get 之后丢失选择器

Question

我阅读了所有 <li>在该页面上，通过 Ajax 向其他页面提交请求。都很好。

我遇到的唯一问题是更新 <li>请求回来后。外$.get , $li或$(this)当前是<li> 。里面$.get , $li永远是最后一个<li>在页面上，这是我的问题。

//For each <li>
$('ul#clients li').each(function(index) {
    $li = $(this);
    $li.append('This is ok');

    //Update Data via Ajax
    $.get("/ajax-update.php", function(data) {  $li.append('This is not OK!'); });

}           

Answer 1

使用var...如果没有var前缀，变量将在声明$li的最近父作用域中定义。如果 $li 从未声明过，它将在全局(window)范围内定义。

//For each <li>
$('ul#clients li').each(function(index) {
    var $li = $(this);
    $li.append('This is ok');

    //Update Data via Ajax
    $.get("/ajax-update.php", function(data) {  $li.append('This is not OK!'); });

}