jquery 大神帮帮我 谢谢

Question

<td id="status">

                <if condition="$v['status'] eq 1" >

                    <a class="btn btn-success btn-xs" onclick="change_status(0,<{$v['user_id']}>)" href="javascript:;"><i class="fa fa-file-text fa-lg"></i> 开启</a>

                    <else />

                    <a class="btn btn-warning btn-xs" onclick="change_status(1,<{$v['user_id']}>)" href="javascript:;"><i class="fa fa-file-text fa-lg"></i> 禁用</a>

                </if>

</td>

<script>

function change_status(status,ids){

       

       

       /* $.post("__MODULE__/User/change_status", 

          { id: ids, sta: status },

            function(msg){

              alert(msg);

              

            } 

        );*/

   }

怎么做到 点击 一列开启按钮 获得当前点击列的对象 然后 把 开启两字变成 禁用尼 谢谢

Answer 1

想要按原有HTML结构，快速修改js来实现你要的效果的话，多传个this就能获取当前按钮来做后续操作了，把各个onclick()改成：onclick="change_status(this, 状态码, <{$v['user_id']}>)"然后js这样写：function&nbsp;change_status(e,&nbsp;status,&nbsp;ids){ &nbsp;&nbsp;&nbsp;&nbsp;$.post("__MODULE__/User/change_status",&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;id:&nbsp;ids,&nbsp;sta:&nbsp;status&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function(msg){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(msg)&nbsp;{&nbsp;//&nbsp;不知道你msg返回什么，这里当作后台成功msg的值是true &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;btn&nbsp;=&nbsp;$(e);&nbsp;//&nbsp;当前按钮 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(btn.hasClass('btn-sucess'))&nbsp;{&nbsp;//&nbsp;要由“启用”变成“禁用”&nbsp;,&nbsp;判断条件用状态吗status&nbsp;===&nbsp;0也行， &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;btn.html('<i&nbsp;class="fa&nbsp;fa-file-text&nbsp;fa-lg"></i>&nbsp;禁用');&nbsp;//&nbsp;改变按钮文字 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;btn.removeClass('btn-success').addClass('btn-warning');&nbsp;//&nbsp;改变按钮颜色 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{&nbsp;//&nbsp;由“禁用”变“启用” &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;同理 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;); }哈哈哈，不过这样做代码不够优雅，还可以优化HTML让JS更好工作，不过这是另外的谈论点了。现在功能是可以正常工作的哈。希望对你有帮助。