今天做一个jquery功能的时候遇到一个问题，好像是for循环出现了问题，我解决不了，大家帮忙看看哦，先谢谢你们！ 代码如下：

Question

<table width="795" class="admin_table" cellpadding="0" cellspacing="0">
                             <tr>
                                 <td class="admin_td1" style="border-top:1px solid #ccc">XCC001</td>
                                    <td class="admin_td1" style="border-top:1px solid #ccc">田克群</td>
                                    <td style="border-top:1px solid #ccc">
                                     <span class="ad_sp_1">已开通</span>
                                        <span class="ad_sp_2">点击取消</span>
                                    </td>
                                </tr>
                                <tr>
                                 <td class="admin_td1">XCC002</td>
                                    <td class="admin_td1">郭德华</td>
                                    <td>
                                     <span class="ad_sp_1">已开通</span>
                                        <span class="ad_sp_2">点击取消</span>
                                    </td>
                                </tr>
                                <tr>
                                 <td class="admin_td1">XCC003</td>
                                    <td class="admin_td1">瞿颖</td>
                                    <td>
                                     <span class="ad_sp_1">未授权</span>
                                        <span class="ad_sp_2">点击开通</span>
                                    </td>
                                </tr>
                            </table>                            <script>
                             $(document).ready(function(){
var c=$(".admin_table").find("tr").length;
for(var t=0;t<c;t++){

$(".ad_sp_2").eq(t).click(function(){
var a=$(".ad_sp_2").eq(t).text();
var b=$(".ad_sp_2").eq(t);
alert(t)
if(a=="点击开通"){
b.prev().text("已开通");
b.prev().css("color","red");
b.text("点击取消");
b.css("color","#3a80c5");
}
else if(a=="点击取消"){
b.prev().text("未授权");
b.prev().css("color","#999999");
b.text("点击开通");
b.css("color","#3a80c5");
}
})}
})
                            </script>jQuery

Answer 1

for(var t=0;t<c;t++){
for没有作用域
(function(t){.....
        alert(t);
......})(t);}

Answer 2

for(var t=0;t<c;t++){
(function(t){
$(".ad_sp_2").eq(t).click(function(){
var a=$(".ad_sp_2").eq(t).text();
var b=$(".ad_sp_2").eq(t);
alert(t)
if(a=="点击开通"){
b.prev().text("已开通");
b.prev().css("color","red");
b.text("点击取消");
b.css("color","#3a80c5");
}
else if(a=="点击取消"){
b.prev().text("未授权");
b.prev().css("color","#999999");
b.text("点击开通");
b.css("color","#3a80c5");
}
})})(t);
}

Answer 3

楼主要补习下jq基础了。
    $(document).ready(function () {        $("table.admin_table span.ad_sp_2").click(function () {
            var a = this.innerHTML;
            if (a == "点击开通") $(this).text("点击取消").css("color", "#3a80c5").prev().html('已开通').css('color', 'red')
            else $(this).text("点击开通").css("color", "#3a80c5").prev().html('未授权').css('color', '#999999')
        })    });

Answer 4

$(document).ready(function(){
var c=$(".admin_table").find("tr").length;
for(var t=0;t<c;t++){ (function(i) {
$(".ad_sp_2").eq(i).click(function(){
var a=$(".ad_sp_2").eq(i).text();
var b=$(".ad_sp_2").eq(i);

alert(t)

if(a=="点击开通"){
b.prev().text("已开通");
b.prev().css("color","red");
b.text("点击取消");
b.css("color","#3a80c5");
}
else if(a=="点击取消"){
b.prev().text("未授权");
b.prev().css("color","#999999");
b.text("点击开通");
b.css("color","#3a80c5");
}
})
})(t);
}
})试试