只更改活動div而不是所有具有相同名稱的類

Question

當我按下其中一個按鈕時，我有一組按鈕。變化成爲所有的類。但我希望它只在活躍的div上。

我知道我應該使用$這個。但我無法管理它。有任何想法嗎 ？

function close(){ 
     $('.close').click(function() { 
     $.ajax({ 
      url: "php/functions.php", 
      type: "POST", 
      data: "php", 
      success: function(html) { 
       var note = $(".note").html(html); 
      } 

     }); 

return false; 
}); 
} 

PHP文件只是包含回聲

<?php echo "Heloo" ?> 

的HTML

<div class="note"> 
<div class="close"></div> 
</div> 
<div class="note"> 
<div class="close"></div> 
</div> 

Answer 1

你想要的是這個 -

$('.close').click(function() { 
    var $this = $(this); 
    $.ajax({ 
    url: "php/functions.php", 
    type: "POST", 
    data: "php", 
    success: function(html) { 
     $this.closest(".note").html(html); 
     //or 
     $this.parent().html(html); 
     //or 
     $this.parent().html(html); 
    } 
    }); 
}); 

然而，這將覆蓋你的親密股利。如果你想保持你的親密格 -

HTML：

<div class="notewrap"> 
    <div class="note"></div> 
    <div class="close"></div> 
</div> 
<div class="notewrap"> 
    <div class="note"></div> 
    <div class="close"></div> 
</div> 

的Javascript（僅使用在回調所提供的選項之一）：

$('.close').click(function() { 
    var $this = $(this); 
    $.ajax({ 
    url: "php/functions.php", 
    type: "POST", 
    data: "php", 
    success: function(html) { 
     //Option 1 - will work even if you change the html structure a fair bit 
     $this.parents(".notewrap").find(".note").html(html); 
     //Option 2 - will only work if your structure remains very similar 
     $this.siblings(".note").html(html); 
     //Option 3 
     $this.parent().find(".note").html(html); 
    } 
    }); 
}); 

Answer 2

$('.close').click(function() { 
    $(this).addClass("SOMETHING"); <--- like this 
     $.ajax({ 
      url: "php/functions.php", 
      type: "POST", 
      data: "php", 
      success: function(html) { 
       var note = $(".note").html(html); 
      } 

     }); 

Answer 3

如果我正確理解你的問題，你想只是改變了按鈕那是在ajax success回調內點擊的？這在回調中不起作用，因爲它不會返回按鈕（它會返回窗口，我認爲，不確定）。
你必須在ajax文章之前獲得對按鈕的引用。試試這個：

$('.close').click(function() { 
    var self = $(this); 
    $.ajax({ 
     url: "php/functions.php", 
     type: "POST", 
     data: "php", 
     success: function(html) { 
      //Now you can do whatever you want with 'self', which is the button that was clicked 
      self.addClass('myclasstoadd'); 
      var note = $(".note").html(html); 
     } 
    });