定位特定元素的jQuery

debugcn 发表于 Dev

用户名

我在网上搜索了此内容，但是找不到解决方案，只是我想button用ajax响应替换element内部的内容。我面临的唯一问题是，整个div都在改变，而不是我单击的那个。如果我将类更改为id，则只有第一个不会更改我想要的特定按钮。那么，如何替换特定按钮的内容？

PHP代码：

while($row = $result->fetch_assoc()){// there are four rows so I have 4 buttons.
echo "<button class=btn btn-primary test' value='."$row['id']".'>."$row['voteup']".</button>"; 
 }

JavaScript代码：

$(function() {
 $('.test').on('click', function() { // attach the click to the button
var test_val = $(this).val(); // Grab the value from the button
$.ajax({
    type: "GET",
    url: "test.php", // Move ?tar=vrate to the data array.
    data: {tar: 'vrate', test: test_val},
    cache: false,
    success: function(response)
    {  
        $(".test").fadeIn('slow').html(response);//this is replacing all 4 buttons not just one, if I change the class to id, only the first one is being replaced with the response. I also tried $( .test", this) but no luck.

    }
});
 });
});

拉贾普布（Rajabrabhu Aravindasamy）

尝试使用$(this)此处的参考来实现您想要的，

$('.test').on('click', function() { // attach the click to the button
   var test_val = $(this).val(); // Grab the value from the button
   var $this = $(this);
     $.ajax({
       type: "GET",
       url: "test.php", // Move ?tar=vrate to the data array.
       data: {tar: 'vrate', test: test_val},
       cache: false,
       success: function(response)
         {  
           $this.fadeIn('slow').html(response);
         }
     });
 });

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。