javascript - 获取祖父元素中的文本

Question

我正在尝试修改此函数以从祖父元素中获取文本

span.html(checked.map(function () { return $(this).parent().text(); }).get().join());

这两个函数都返回祖父文本以及它的兄弟元素 ( <div class=CheckMark>) 中的文本。如何修改它以仅返回祖父元素中的文本？

span.html(checked.map(function () { return $(this).parent().parent().text(); }).get().join());

span.html(checked.map(function () { return $(this).parents(':eq(1)').text(); }).get().join());

HTML

<li><a href="#">
    <label onclick="toggle_colorbox_alt(this.children[0]);">
        <div style="background-color: #000000" class="color">
            <div class=CheckMark>&#10003;</div>
            <input type="checkbox" name="color[]" value="value" class="cbx"/>
        </div>
        Text I Want
    </label>
</a></li>

Answer 1

您似乎想获得label排除其子项的文本。

你可以这样做 ：

var p = $(this).closest('label').clone();
p.children().remove();
var txt = p.text();

或者以更短的链式方式：

var txt = $(this).closest('label').clone().children().remove().end().text();

示范