jquery - ajax 调用后在下一个函数中使用 var

Question

可能重复：
jQuery：同时选择一个元素的类和 id？

当我对一个函数进行这个 ajax 调用时，我需要用一个类和一个特定的 id 更新一个 div：

        $(function() {
        $(".click-follow").click(function() {

            var user_id = "<?=$id?>";
            var id = $(this).attr('title');
            var dataString = 'user_id=' + user_id + '&id=' + id;

            $.ajax({
                type: "POST",
                url: "/ajax/follow.php",
                data: dataString,
                }).done(function( result ) {
                    myresult(result);
            });

            return false; 
        });
    });


function myresult(result) {
var result_lines = result.split("<splitter>");    
if (result_lines[0] == '1') {
    $('.click-follow').html(result_lines[1]).fadeIn(500);
    $('.follow').html(result_lines[2]).fadeIn(500); 
} else if (result_lines[0] == '2') { 
    $('.click-follow').html(result_lines[1]).fadeIn(500); 
    $('.follow').html(result_lines[2]).fadeIn(500); 

}
return true;   

}

所以我想在函数 myresult 中使用 var id，例如：

    $('.click-follow#' + id).html(result_lines[1]).fadeIn(500);

例如：我有 3 个 div：

 <div class="click_follow" id="1"></div>
 <div class="click_follow" id="2"></div>
 <div class="click_follow" id="3"></div>

当我单击 div 1 时，我也想更新 div 1。但是我不知道如何在 ajax 调用后调用的函数中使用 var id。问题是不知道 div 的数量......所以它可以是 20 个 div 或 2 个......

Answer 1

$(".click-follow").click(function() {
  $("#fade").fadeIn()
});

演示

Answer 2

我认为您真正想要的是对单击的元素的引用，这非常简单：

$(".click-follow").click(function() {
    var element = this;
     //...

     $.ajax({
         type: "POST",
         url: "/ajax/follow.php",
         data: dataString,
     }).done(function( result ) {
         myresult(element, result);
     });
});

function myresult(element, result) {
    // ...
    $(element).html(result_lines[1]).fadeIn(500);
}