javascript - 如果所有 td.has_pais_dist 都有文本，则返回 "true"，否则返回 "false"

Question

我正在尝试检查 td.has_pais_dist 是否有文本(含义值)。我在做这个 wau:

$(document).ready(function(){
  var activateBtnNext = $("#distribuidorBody").find(".has_pais_dist").filter(function () {
    return $.trim($(this).text()).length > 0;
  }).length > 0;

  var boolVar = $('#distribuidorBody .has_pais_dist:empty').length > 0;

  console.log(activateBtnNext);
  console.log(boolVar);
});

在一组 HTML 元素中，如下所示:

  <table id="contenedorDistribuidores">
    <thead>
      <tr class="tableHead">
        <th>Nombre</th>
        <th>País</th>
      </tr>
    </thead>
    <tbody id="distribuidorBody">
      <tr>
        <td>kksddfkdfkdf</td>
        <td id="distTd-1" class="has_pais_dist"></td>
      </tr>
      <tr>
        <td>dfgdfgdfg</td>
        <td id="distTd-2" class="has_pais_dist"></td>
      </tr>
      <tr>
        <td>fsdfkjdsf</td>
        <td id="distTd-3" class="has_pais_dist">Some text</td>
      </tr>
    </tbody>
  </table>

但是两者都返回“true”，这是错误的，因为前两个 TD 没有文本值。我做错了什么？您可以看看here .

Answer 1

如果没有空元素，则需要为 true

var boolVar = $('#distribuidorBody .has_pais_dist:empty').length == 0;

或

var boolVar = $('#distribuidorBody .has_pais_dist').is(':empty')