每当我单击一个按钮时，第一行总是被更改

Question

这很好用，但是每当我单击两个删除按钮时，视图的第一个按钮总是会更改。我的目的是更改与删除按钮ID对应的查看按钮的宽度。

PHP ：

<?php 
  foreach($studentDetails as $studentDetailsSHOW) {

     <button class="view" value="<?php echo $studentDetailsShow['id']?>">
     Add</button> //View values are 1 and 2

     <button class="remove" value="<?php echo studentDetailsSHOW['id']" > ✕ </button> 
     //Remove values are 1 and 2

   }
}?>

JQUERY

<script>
   $(".remove").click(function() {
      $view_btn = $(".view_btn_click").attr('value');

      if($view_btn.val() == $(this).val()){
         $view_btn.css({width:"20px"});
      }

   }
</script>

Answer 1

您没有访问正确的view元素来更改css / width。

尝试

<script>
   $(".remove").click(function() {
      var id = $(this).val();
      $('.view_btn_click[value="'+ id +'"]').css({width:"20px"});
   }
</script>

Answer 2

尝试一下：

$(".remove").click(function() {
    var _self = $(this);
    $(".view").each(function() {
      if ($(this).val() == _self.val()){
         $(this).css('width', '20px');
      }
    });
}