Question

我需要检查DOM中的任何字段集是否为空。空表示内部没有文本（图例不在里面）。例如，这是一个空的字段集：

<fieldset>
    <legend>a1</legend>
    <input type="hidden" name="x" value="y">
</fieldset>

除图例内部没有文字节点。

到目前为止，我正在使用此JQuery来检查这种情况：

    if ($(this).find(":not(legend)").text().trim() == '') {
    ...
    }

请注意，这来自.each（）调用。问题是现在我发现它不适用于这样的嵌套字段集：

<fieldset>
    <legend>a</legend>
    <fieldset>
        <legend>a1</legend>
    </fieldset>
    <fieldset>
        <legend>a2</legend>
    </fieldset>
</fieldset>

在这种情况下，jquery表达式：

$("fieldset").find(":not(legend)").text().trim()

结果

返回“a1 a2”。有什么问题？ JsFiddle

Answer 1

$("fieldset").find(":not(legend):not(fieldset)").text().trim()

您需要考虑具有字段集的字段集。正在发生的事情是选择器说“这个字段集有一个字段集，因为你正在寻找任何不是图例的东西，这是一个有效的元素”。然后它找到该元素中的文本a1和a2

更新：根据您的评论，请尝试此解决方案。

$('fieldset').filter(function(index) {
  return $(this)
            .clone()
            .find("legend,fieldset")
            .remove()
            .end()
            .text()
            .trim()
            .length > 0;
});

Jquery：检查fieldset是否为空

1 个答案: