javascript - 点击的id的身份

Question

我正在使用 php codeigniter。我正在将数组中的数据发送到我的 View 。在我看来，我有一个 foreach 循环，它迭代数组并在我的 View 中显示数据。另外，在这个 foreach 循环中，我显示了一些操作按钮。

 <?php
     foreach($studentList as $r)
      {
       echo '<tr>';
       echo $r->id;
       echo '</tr>'?>
     <a class="lock" data-id="<?= $r->id?>_lock" data-placement="top" data-original-title="Lock Profile" href="javascript:void(0)"><i class="clip-locked"></i></a>
     <a class="hidden unlock" data-id="<?= $r->id?>_unlock" data-placement="top" data-original-title="Unlock Profile" href="javascript:void(0)"><i class="clip-unlocked"></i></a>
 <?php   
       } ?>

我想要做的是默认显示锁定按钮，当有人单击此按钮时，锁定应该隐藏，解锁按钮应该显示。在我的 jquery 中，我这样做，但是单击单个按钮帐户可以更改整个页面上的按钮。我知道原因，因为我正在使用所有元素都有共同的类来访问元素，但我还没有弄清楚如何使用 id 来实现这一点，这将说明单个元素。

$('.unlock').click(function() {
  var id = $(this).attr("data-id");
  console.log(id);
  $('.unlock').addClass("hidden");
  $('.lock').removeClass("hidden");
});

Answer 1

这个小小的修改应该会对您有所帮助。

$('.unlock').click(function(){
        var id = $(this).attr("data-id").split('_')[0];
        console.log(id);
        $(this).addClass("hidden");
        $('[data-id='+id+'_unlock]').removeClass("hidden");
    });