javascript - 如果所有 TD 都有文本，则将 boolVar 设置为 true，否则将其设置为 false

Question

我有这个 HTML 代码:

<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>Distribuidor1</td><td>8768 Dewy Apple Wynd, Foxtrap, Montana</td>
        <td id="fabTd-1" class="has_pais"></td>
        <td>4061782946</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>Distribuidor1</td><td>8768 Dewy Apple Wynd, Foxtrap, Montana</td>
        <td id="fabTd-1" class="has_pais">Country1, Country2</td>
        <td>4061782946</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>
</tbody>

如果至少一个 td.has_pais 没有表示 "" 的文本，我会尝试将 boolVar 设置为 false，这就是我正在做:

$(document).ready(function(){
  var boolVar = true,
  hasPaises = $('#fabricanteBody tr td:nth-child(3)').each(function () {
      $(this).text() === "" ? boolVar = false : boolVar = true;
  });

  console.log(boolVar);
});

但是我做错了什么，因为 boolVar 得到 true 并且提供的 HTML 示例应该是 false，谁能告诉我哪里失败了？

Answer 1

您可以使用:empty()并检查集合的长度

var boolVar = $('#fabricanteBody .has_pais:empty').length > 0;