javascript - 如何从不匹配的兄弟姐妹那里获取文本？

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/