Re: [討論] 用JQuery去Wrap一個checkbox跟緊接的文字.
※ 引述《JYHuang (夏天到了，冷不起來了說)》之銘言：
: <input type="checkbox" name=".."> Text
: <input type="radio" name=".."> Text
: checkbox跟radio沒有相對應的dom結尾
: 加上input的下一個node是text
: JQuery對text node似乎還是無法很完全的對應
: 處理上會有點麻煩.
: 如果要用JQuery，可以做到
: 把 <input> Text 這兩個元件用東西包起來(wrapAll)嗎？
→
09/13 22:21,
09/13 22:21
→
09/14 09:05,
09/14 09:05
今天繼續查，看到了一個用傳統JS的方法 " .nextSibling "
HTML:
<input type="checkbox"> Chkbox1
<input type="checkbox"> Chkbox2
<input type="checkbox"> Chkbox3
<input type="checkbox"> Chkbox4
<input type="checkbox"> Chkbox5
JS:
$(":checkbox").each(function(){
var next = $(this).get(0).nextSibling
if(next.nodeType==3){
$(next).prev().andSelf().wrapAll('<span></span>') 狀況1
$(next).prev().wrap('<span></span>'); 狀況2
$(next).wrap('<span></span>'); 狀況3
}
})
黃藍綠那邊是分別三種情況，而不是同時設做三個動作。
我發現一個滿有趣的現像...(也或許是我nodetype判斷沒有完善)
狀況3沒有問題
狀況2會發生最後一個checkbox沒有被wrap
狀況1頭兩個text Node會被亂包一通..
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.39.168.158
→
09/14 12:41, , 1F
09/14 12:41, 1F
→
09/14 12:43, , 2F
09/14 12:43, 2F
→
09/14 12:46, , 3F
09/14 12:46, 3F
→
09/14 12:46, , 4F
09/14 12:46, 4F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章