アクセスするテキストノード次に、jQueryの

Question

可能性の重複：
How do I select text nodes with jQuery?

私はテキストノードでの選択のチェックボックスに隣接しているデータを移動しようとしていますチェックボックス。私はjqueryを使用しています。私が試した方法は、私が受け取った結果とともに以下に列挙されています。

<label for="cat_one"><input class="item" type="checkbox" id="cat_one" name="cat_one" /> Category 1</label> 
<label for="cat_two"><input class="item" type="checkbox" id="cat_two" name="cat_two"/> Category 2</label> 

したがってあなたは一石二鳥：あなたのa）は、あなたのマークアップがはるかに意味的に優れていると、b）

<input class="item" type="checkbox" /> Category 1 
<input class="item" type="checkbox" /> Category 2 


<script> 
    $('.item').click(function(){ 
     if($(this).attr('checked')) 
     { 
     $('#list').append("<span>" + $(this).next() + "<span><br/>") 
     //$(this).next() just writes "[object Object]" 
     //$(this).next().text() doesn't write anything 
     //Also tried $(this).nextSibling.nodeValue but throws "Cannot access property of undefined" 
     } 
     else 
     { 
      //This is remove the item from the list on uncheck 
     } 
    }); 
</script> 

Answer 1

は

<input class="item" type="checkbox" id="cat_one" name="cat_one" /> <label for="cat_one">Category 1</label> 
<input class="item" type="checkbox" id="cat_two" name="cat_two"/> <label for="cat_two">Category 2</label> 

またはこの代わりに、このマークアップを持つ考えてみましょう.text()メソッドを使用してlabel要素のコンテンツにアクセスできます。

第一の変形はここで見ることができます：http://jsfiddle.net/skip405/DjWcg/