javascript - 检查当前匹配元素的值是否为空、null 或未定义，并将 boolVar 设置为 true

Question

我有这个 HTML 表，我需要查找 .has_paises 是否有文本。例如，在下面的代码中，第一个 tr 条件将为 true，因为 $(".has_paises").text() 应返回Some text 但对于第二个 tr 条件将为 false，因为相同的代码将返回空或 null 或未定义或任何 .text() 返回。

<table id="contenedorFabricantes" style="" class="table table-condensed">
    <thead>
        <tr class="tableHead">
            <th><input type="checkbox" name="toggleCheckboxFabricantes" id="toggleCheckboxFabricantes"></th>
            <th>Fabricante</th>
            <th>Dirección</th>
            <th>País</th>
            <th>Teléfono</th>
        </tr>
    </thead>
    <tbody id="fabricanteBody">
        <tr>
            <td><input type="checkbox" value="1"></td><td>Dist1</td>
            <td>Direccion</td>
            <td class="has_pais" id="td-1">Some text</td>
            <td>999999</td>
            <td><a data-backdrop="static" data-target="#addPaisesFabricante" data-toggle="modal" id="1" class="editable-pais" href="#"><i title="" data-placement="top" data-toggle="tooltip" class="fa fa-plus-circle" data-original-title="Agregar países"></i></a></td>
        </tr>
        <tr>
            <td><input type="checkbox" value="1"></td><td>Dist2</td>
            <td>Direccion</td>
            <td class="has_pais" id="td-2"></td>
            <td>999999</td>
            <td><a data-backdrop="static" data-target="#addPaisesFabricante" data-toggle="modal" id="2" class="editable-pais" href="#"><i title="" data-placement="top" data-toggle="tooltip" class="fa fa-plus-circle" data-original-title="Agregar países"></i></a></td>
        </tr>
    </tbody>
</table>

我需要遍历 #fabricanteBody 中的 tr 并查找至少一个匹配元素是否为 empty 或 null 或 undefined 如果这是 true 则将 boolVar 设置为 true 这样我稍后会检查我的代码该 var 是 true 还是 false，所以我想以这种方式做到这一点:

var hasFab = $("#fabricanteBody").find(".has_pais"),
    boolVar = false;

hasFab.forEach(function(value, index, array){
   // check goes here and set boolVar goes here
});

既然 value 不是 jQuery 对象而是 Javascript，我如何检查当前匹配元素的值是否为空、null 或未定义并将 boolVar 设置为 true？此外，如果至少有一个 .has_paises 为空，则无需检查其余部分，只需将 boolVar 设置为 true 并继续执行代码，这意味着从 中退出forEach 循环。有什么帮助吗？改进我的代码的建议已被接受，这是我自己的想法，但我认为它并不完美。

Answer 1

您可以按文本过滤并检查集合是否有长度，如果有则包含没有文本的元素

var boolVar = $("#fabricanteBody").find(".has_pais").filter(function() {
                  return $.trim( $(this).text() ).length > 0;
              }).length > 0;