javascript - 未捕获的 TypeError : lab. find 不是一个函数

Question

我不明白为什么JQuery说lab.find()不是一个函数。我正在寻找此 html 中的文本:

<div class="btn-group col-md-4" data-toggle="buttons">

    <label data-pk="4" id="languagebuttonselect1" class="btn prmr-btn-empty top-margin left-margin center-elements target_language_choice active" style="padding: 8px;  color: black; width: 100%;">
        <input type="checkbox" name="target_languages" value="4" autocomplete="off">

        <img align="left" width="30px" style="margin-bottom: 0;" src="/static/img/flags/550px\gb.png">
        <b class="left-margin" style="text-align: left">English</b>
                                            </label>
                                        </div>

当标签(​​标签)的类处于事件状态时，我想获取文本(在本例中为“英语”)。

function refreshSummaryTaretLanguages(){
    var actives = $('.target_language_choice.active');
    var summ_ul_targ_langs = $('#summary_target_languages > ul');
    summ_ul_targ_langs.empty();

    $.each(actives,function (_,lab) {
        summ_ul_targ_langs.append('<li>'+lab.find('b').text()+'</li>');
    })
}

不幸的是，它在这样的标签中找不到任何内容，我不知道该怎么办。

Answer 1

jQuery 将数组元素传递给 $.each 回调，因此您获得的是 DOM 节点，而不是 jQuery 对象。

在已有的 jQuery 对象上使用 .each() 方法会更简单:

$(actives).each(function() {
    summ_ul_targ_langs.append('<li>'+$(this).find('b').text()+'</li>');
});

.each() 回调的作用与 $.each() 基本相同，并且也会传入元素。它还安排调用回调，以便 this 也引用该元素。将 this 包装为 $(this) 会为您提供一个 jQuery 对象，您可以从中调用 .find()。