問題討論區


【JavaScript 語法】問題討論區


【問題】 老師,請問我這jQuery為什麼執行起來怪怪的



老師,請問我這jQuery為什麼執行起來怪怪的
會員三級
註冊日期:
2008/11/23 22:56
留言: 25
老師
我最近在練習jQuery
不知道for迴圈裡的selector可不可以加變數?
$("#btn"+i).show();

理論上應該是可以才對,可是一直都試失敗
不知道問題出在哪

以下是我的程式碼,如果老師您有空的話再請幫我解惑一下,謝謝

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest. ... "></script>
</head>

<body>
<script>
var Q = {
"白衣天使":"護士",
"綠衣使者":"郵差",
"玉帛":"和平",
"干戈":"戰爭"
};
var num=0;


document.write("<table border='1'><tr><th>借代名稱</th><th>答案</th><th>顯示</th></tr>");

$.each(Q,function(question,answer){
document.write("<tr><td id='q" + num + "'>" + question + "</td><td><span id='a" + num + "'>" + answer + "</span>" + "</td><td><button id='btn" + num + "'>顯示答案</button></td>");

$("#a"+num).hide();


num++;
});

document.write("</table>");

//這段有問題,只有第四顆按鈕能運作,可是也都怪怪的。
var btn,ans;
for(var i=0;i<=3;i++){
btn = "btn"+i;
ans = "a"+i;

$("#"+btn).click(function(){
$("#"+ans).toggle("slow");

});
}

</script>

謝謝。


</body>
</html>

2013/6/4 1:15
 


回覆: 老師,請問我這jQuery為什麼執行起來怪怪的
會員三級
註冊日期:
2008/11/23 22:56
留言: 25
上面的問題再簡化一下
如何將下面的程式以迴圈方式顯現

$("#btn0").click(function(){
$("#a0").toggle("slow");
});

$("#btn1").click(function(){
$("#a1").toggle("slow");
});

$("#btn2").click(function(){
$("#a2").toggle("slow");
});

$("#btn3").click(function(){
$("#a3").toggle("slow");
});

2013/6/4 7:46
 









[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 1 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

TOP

【 Flycan.com 】 Powered by XOOPS