Jquery：检查fieldset是否为空

我需要检查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

解决方法

$("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;
});