[討論] [jQuery] 相同 class 的按鈕對應到個別 …

看板Ajax作者 (喔喔 :o)時間15年前 (2010/03/17 10:41), 編輯推噓3(308)
留言11則, 5人參與, 最新討論串1/3 (看更多)
這可能不算是 jquery 的問題吧 囧 我弄了一個選單...為求方便所以透過 class 設定每一個按鈕的 style 但是碰到要設定每個按鈕要設定各別在按下後執行不同的事件 不知道要從那邊去指定每個按鈕的事件 因為透過 selector 選進來的是 button array 目前只有想到可能在每個 button 加上特定的 attribute 去做辨別 然後用 if else 去判斷並執行個別正確的事件 不知道 jQuery 是否有提供較好的機制去做像這樣的事呢 按鈕的部份大致長像這樣子 <div class="button">button 1</div> <div class="button">button 2</div> <div class="button">button 3</div> <div class="button">button 4</div> <div class="button">button 5</div> 目前是想到可能在每個 div 後面再加上一個 attribute 然後 javascript 的部份 $(".button").each(function(){ if($(this).attr('attr1') == "") ... }); 用這樣的方式去做判別 可是這樣子的效能似乎不是很好 因為每按一次就會去檢查所有的 button 一次 或是指定一個 click 的 function 給所有的 button $(".button").click(function(){ if($this).attr('attr1') == "") ... }); 感覺都是蠻笨的做法 Orz -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.222.31.54 ※ 編輯: kaijajan 來自: 61.222.31.54 (03/17 10:44)

03/17 11:05, , 1F
我覺得用id,style部份link css檔處理應該比較方便
03/17 11:05, 1F

03/17 11:06, , 2F
ex. #btn1, #btn2, #btn3{color:red;} (in xxx.css)
03/17 11:06, 2F

03/17 11:14, , 3F
class又不只限一個 @_@ 另外設立自己的class或id就好啦.
03/17 11:14, 3F

03/17 19:34, , 4F
$(".button").click(function(event){//use event.target
03/17 19:34, 4F

03/17 22:34, , 5F
如果要跑的function沒共通性,用id個別指定比較好?
03/17 22:34, 5F

03/17 22:35, , 6F
如果有共通性,指定一個共同的funtion再做switch
03/17 22:35, 6F

03/17 23:03, , 7F
想了一下,也可以考慮用get()取所有跑回圈,但是有
03/17 23:03, 7F

03/17 23:03, , 8F
缺點:各個function名稱可能要用流水號來命名。
03/17 23:03, 8F

03/17 23:04, , 9F
所以我還是會想用我回文的方法,可以比較明瞭。
03/17 23:04, 9F

03/17 23:05, , 10F
switchCenter是controller 裡面各個alert當成model
03/17 23:05, 10F

03/29 01:49, , 11F
亂入一下 $(".button").eq(1).click
03/29 01:49, 11F
文章代碼(AID): #1Be45ERU (Ajax)
文章代碼(AID): #1Be45ERU (Ajax)