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

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>";

Answer 2

<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>

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

2 个答案: