点击ID的身份 - javascript

我正在使用php codeigniter。我正在将数据发送到我的视图中。在我看来，我有一个foreach循环，该循环遍历数组并在我的视图中显示数据。同样在此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");
});

参考方案

稍加修改将对您有所帮助。

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

打印二维阵列 - javascript

我正在尝试打印子元素。在this example之后。怎么做？。$myarray = array("DO"=>array('IDEAS','BRANDS','CREATIVE','CAMPAIGNS'), "JOCKEY"=>a…

如何调用超链接单击中包含单引号的消息的JavaScript警报？ - javascript

我陷入了javascript问题。我正在使用C＃编写可以调用javascript来显示警报消息的超链接。请参阅下面的代码以了解它是如何完成的：首先，这是C＃从服务器端编写的代码：//Server side code string myHyperlink = "<a href='#' onclick=\"alert…

javascript popupwindow之后的行如何工作？ - javascript

好的，我有一个来自后面代码的方法，可以创建一个popupwindow。然后有一行代码要在那之后执行，我想知道那行代码何时执行，是在使用popupwindow之后执行还是在创建popupwindow之后执行？例如：void exPopupWindowMethod() { string scr = "window.open('exampleP…

Javascript-Urls的奇怪字符串比较行为 - javascript

最近，在编写我无法理解的javascript时遇到了字符串比较的问题。我从完全相同的网址创建了两个字符串，当我比较它们时返回false，但是在重新分配相同的字符串后，比较返回true。这是我的示例：var str1 = "http://google.com/"; var str2 = "http://google.com‏/&#…

使用C＃执行JavaScript页面 - javascript

我正在尝试使用C＃抓取一个网站。在此过程中的某个时候，网站返回了我需要执行的JavaScript页面，以便它将生成一些参数，然后使用所生成的参数作为查询变量来发布请求。这是JavaScript文件https://jsfiddle.net/7aw5vr59/浏览器生成的结果文件如下所示：<imimxxxyyy id="ActiveX"…