作者s25g5d4 (死城盜賊)
看板Ajax
標題Re: [問題] javascript的switch
時間Thu Jun 30 12:13:49 2011
好久沒來騙P幣了....XD
※ 引述《sswolf123 (wolf)》之銘言：
: <a href="" id="button1" >
: <a href="" id="button2" >
: <a href="" id="button3" >
: <a href="" id="button4" >
: 請問該怎麼用swicth來判斷是哪個id被點?
: 因為想用$("a").click(function(){})來來簡化一長串的$("#buttonX").click
我想你使用的Framework應該是jQuery 以下就以jQ為示範好了
首先 當$("a")被傳入匿名function(){}的時候
他的this會指向標籤a 這是因為你前面$()取得的是a
而且是原生DOM節點 所以如果你還要再沿用jQ的話
必須要令他傳入jQuery函式中 回傳jQuery物件
所以可以這樣:
$("a").click(function () {
var _this = $(this);
alert(this.id); //這是透過原生DOM抓取id屬性
alert(_this.attr("id")); //這是透過jQuery取得id屬性
});
另外對於selector抓取到多個節點的情況
他會對每一個抓取到的節點都綁上匿名function
有點類似foreach...
所以你現在取得id了
: 可是不知道該怎麼設邏輯條件..
恩..其實我會在selector上下一點功夫..
$("a[id^='button']")
這樣就會抓到a標籤且id屬性以button開頭的節點
http://jsfiddle.net/zMYM2/
--
1F：推 Skightz:回文推下面就輸了09/05 14:27
2F：→ s25g5d4:下面09/05 14:28
3F：→ tmi: 變竹籤09/05 14:39
4F：推 ArSaBuLu:Oh My God! 我的下面酥了...怎麼辦?09/05 14:43
5F：推 ilovedandan:真的耶 我都沒發現耶XDDDD 超像的!!!09/05 14:47
6F：推 Skightz:樓上之前都沒發現自己的變竹籤，真的超像竹籤的09/05 15:33
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.123.97.111
※ 編輯: s25g5d4 來自: 122.123.97.111 (06/30 12:14)
我應該是吃飽太閒才會做這個...
http://jsfiddle.net/zMYM2/1/
button4會隨時間增加...
※ 編輯: s25g5d4 來自: 122.123.97.111 (06/30 12:21)
7F：推 sswolf123:updateTime(obj)寫的好精簡! 感謝提供進階版的selector 06/30 12:33
8F：推 itisjoe:亂入一下 jsfiddle的favicon長得好像iCloud那朵雲@@ 06/30 13:45