javascript - "label.error"似乎总是出现在每个 Bootstrap 选项卡上

Question

我不明白为什么 $('label.error') 出现在每个 Bootstrap 选项卡上，而该特定元素只应显示在 1 个选项卡上。我有一个字段未通过 Bootstrap 选项卡上的验证，因此带有 class 错误的 label 被附加到违规字段的 DOM 中。但是，我似乎无法让我的代码落在具有违规字段的特定选项卡上。我在下面的代码中做错了什么？ isErrorPresent 应该只在 1 个特定选项卡上为 true，但每个选项卡都显示它为 true...

$("#" + formId).validate({ignore:""}).form(); // ignore:"" allows for hidden fields to be validated as well

    $(".tab-content").find("div.tab-pane").each(function (index, tab) {
        var id = $(tab).attr("id");
        $('a[href="#' + id + '"]').click();

        alert('processing tab ' + id);

        var isErrorPresent = $('div.tab-pane, div.active').find('label.error').length > 0;

        alert(isErrorPresent);

//        if (isErrorPresent) {
//            alert("label.error detected...");
//            hasError = true;
//            return false; // Break .each loop and return to page
//        }
    });

Answer 1

在没有看到更多标记的情况下，这就是我的想法:

你正在这样做:

var isErrorPresent = $('div.tab-pane, div.active').find('label.error').length > 0;

选择器中有一个逗号，表示您要检查 div.tab-pane && div.active

这就是你想要的吗？也许您打算这样做(没有逗号和空格):

var isErrorPresent = $('div.tab-pane.active').find('label.error').length > 0;