Re: [討論] 用JQuery去Wrap一個checkbox跟緊接的文字.

[JYHuang (夏天到了，冷不起來了說)]

※ 引述《JYHuang (夏天到了，冷不起來了說)》之銘言：
:     <input type="checkbox" name=".."> Text
:     <input type="radio" name=".."> Text
:     checkbox跟radio沒有相對應的dom結尾
:     加上input的下一個node是text
:     JQuery對text node似乎還是無法很完全的對應
:     處理上會有點麻煩.
:     如果要用JQuery，可以做到
:     把 <input> Text 這兩個元件用東西包起來(wrapAll)嗎？
→ TonyQ:http://api.jquery.com/wrapAll/ 這東西不合你用嗎?.?
→ JYHuang:我查不到方法來選取DOM和它接著的text node T.T
   今天繼續查，看到了一個用傳統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
→ TonyQ:你說得事情應該是在我 #18dmyXuJ (Ajax) 提到的 XD
→ TonyQ:如果說html 你能改的話，這種需求會建議用label for
→ TonyQ:http://plugins.learningjquery.com/textchildren/ 試試看?
→ TonyQ:你的這問題是屬於比較麻煩的事情，要下點功夫避開。:~