javascript - 如何获取特定按钮的 id 并在 javascript 函数中切换它

Question

我在 JavaScript 中有一个函数，它在单击激活按钮时运行一些代码，此函数切换（更改）到但我希望此代码更具体我想将 id 发送到此函数并仅切换该对象

例如我这样做：但我无法在函数中获取该链接的 ID

你也可以在下面看到我的代码：

这是我的 javascript 函数：

<script type="text/javascript">

    $('document').ready(function(){
        $('a.activation').click(function(){
            var de_id = $(this).attr('de_id');
            var parent = $(this).parent();
            $.post('insert.php', {de_id:de_id});
            $('a.activation').toggle();
        });

        $('a.activation').click(function(){
            $('a.activation').toggle();
            var act_id = $(this).attr('act_id');
            var parent = $(this).parent();
            $.post('insert.php', {act_id:act_id});
            $('a.activation').toggle();
        });
    });

</script>

这是身体：

<td><?php if($news['ns_act']==1){
                        echo "<a class='activation' onClick=\"reply_click(this.{$news['ns_id']})\" href=\"javascript:return(0);\" de_id=\"{$news['ns_id']}\" style=\"display: inline-block;\" ><img src=\"images\icons\activate.png\" height=\"16px\" width=\"16px\"  /></a>
                              <a class='activation' onClick=\"reply_click(this.{$news['ns_id']})\" href=\"javascript:return(1);\" act_id=\"{$news['ns_id']}\" style=\"display:none;\" ><img src=\"images\icons\deactivate.png\" height=\"16px\" width=\"16px\" /></a>";
                }
                else {
                    echo "<a class='activation' onClick=\"reply_click(this.{$news['ns_id']})\" href=\"javascript:return(1);\" act_id=\"{$news['ns_id']}\" style=\"display: inline-block;\" ><img src=\"images\icons\deactivate.png\" height=\"16px\" width=\"16px\"  /></a>
                          <a class='activation' onClick=\"reply_click(this.{$news['ns_id']})\" href=\"javascript:return(0);\" de_id=\"{$news['ns_id']}\" style=\"display:none;\"><img src=\"images\icons\activate.png\" height=\"16px\" width=\"16px\" /></a>";
                }

                 ?></td>

Answer 1

<script type="text/javascript">

        $('document').ready(function(){
            switch=0;
            $('a.activation').click(function(){
               if(switch==0){
                   var de_id = $(this).attr('de_id');
                   var parent = $(this).parent();
                   $.post('insert.php', {de_id:de_id});
                   switch=1;
                   $(this).css("background","green").html('Activate');
                   }
              else{
                     var act_id = $(this).attr('act_id');
                     var parent = $(this).parent();
                     $.post('insert.php', {act_id:act_id});
                     switch=0;
                     $(this).css("background","red").html('Deactivate');
                  } 
            });

    });// ready end

</script>

html

<a class='activation' onClick=\"reply_click(this.{$news['ns_id']})\" href=\"javascript:return(0);\"act_id=\"{$news['ns_id']}\" de_id=\"{$news['ns_id']}\" style=\"display: inline-block;\" ><img src=\"images\icons\activate.png\" height=\"16px\" width=\"16px\"  /></a>

Answer 2

JS

    $('document').ready(function(){
        $('a.activation').click(function(e){
            var de_id = $(this).attr('de_id');
            var parent = $(this).parent();
            $.post('insert.php', {de_id:de_id});
            $("#"+e.target.id).toggle();
        });

        $('a.activation').click(function(e){
            $('a.activation').toggle();
            var act_id = $(this).attr('act_id');
            var parent = $(this).parent();
            $.post('insert.php', {act_id:act_id});
            $("#"+e.target.id).toggle();
        });
    });

</script>

html

echo "<a id='someid' class='activation' onClick=\"reply_click(this.{$news['ns_id']})\" href=\"javascript:return(0);\" de_id=\"{$news['ns_id']}\" style=\"display: inline-block;\" ><img src=\"images\icons\activate.png\" height=\"16px\" width=\"16px\"  /></a>
<a id='someotherid' class='activation' onClick=\"reply_click(this.{$news['ns_id']})\" href=\"javascript:return(1);\" act_id=\"{$news['ns_id']}\" style=\"display:none;\" ><img src=\"images\icons\deactivate.png\" height=\"16px\" width=\"16px\" /></a>";