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>

我尝试将boolVar设置为false，如果至少有一个td.has_pais没有文字含义""，这就是我正在做的事情：

$(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示例应该是假的，可以告诉我我失败了吗？

Answer 1

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

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

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

1 个答案: