如果所有td.has_pais_dist都有文本，则返回“true”，否则返回“false”

Question

我试图检查td.has_pais_dist是否具有文本（含义值）。我在做这个瓦乌：

$(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> 

但两者的回报“真”，这是错误的，因为前两个TD还没有文本值。我做错了什么？你可以看看here。

Answer 1

你需要的，如果没有空的元素，因此有真正

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

或

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

Answer 2

不知道你需要什么样的结果。我猜你需要有文字的过滤物品。如果这是正确的，只需从您的过滤器功能中删除.length > 0。

var activateBtnNext = $("#distribuidorBody").find(".has_pais_dist").filter(function() { 
     return $.trim($(this).text()).length > 0; 
    });//.length > 0; this is setting your var to a bool, instead of keeping the filtered elements 

    console.log(activateBtnNext); // this is an array with the las element that does have text 
    console.log(activateBtnNext.length); // this is the number of elements that have text, in this case 1 
    console.log(activateBtnNext[0]); // this is the element that does have text