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() {
    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);
}

Answer 2

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

デモ