一致しない兄弟からテキストを取得するにはどうすればよいですか？

Question

私はVWOを使用してA/Bテスト版を作成しています。 ウェブサイトには、そのようにレイアウトされたチェックボックスが付いたリストがあります。

<ol> 
    <li> 
     <label> 
      <input class="checkBox" type="checkbox"> 
      <p class="checkBoxAnc">Text to grab</p> 
     </label> 
    </li> 
</ol> 

適用ボタンがあります。このボタンをクリックすると、すべての入力を順番に確認します。チェックされている場合は、クラス "checkBoxAnc"（p要素）からテキストを取得し、変数に連結する必要があります。

var self= $(this); 
//This is referring to the input that the user has clicked, so class '.checkBox' 

self.next() // This doesn't work as element's do not match 

self.nextUntil('.checkBoxAnc') // Same issue as .next() 

var checkBoxSibling = self.parent().find('.checkBoxAnc').text(); 
// This returns an empty string 

これはむしろ「ラベル」

よりも「未定義」として返される親の型を見つけようとしてアクセスするための任意の他の技術はあります」：

は、私は、次の試してみました。 checkBoxAnc '？このような

Answer 1

何か...

var foo = ''; 

$('input[type=checkbox]:checked').map(function() { 
    foo += $(this).next().text(); // value your looking for 
}).get(); 

https://jsfiddle.net/cmac_/8w7vghbt/