如何選擇一個匹配.text（）==「」條件的元素？

Question

這就是我想做的事：

<label class="myClass"></label> <!-- I want to hide this --> 
<label class="myClass">Some text here</label> <!-- Don't hide --> 

$('label.myClass').text() == "") { 
     $('this').hide(); 
} 

當然，$(this)點窗口，不符合條件的label.myClass。我如何重寫，以便選擇所有沒有文字的標籤？

Answer 1

var label = $('label.myClass').filter(function (index) { 
    if ($(this).text() == "") { 
     return $(this) 
    } 
}) 

console.log(label.attr('class')) 
console.log(label.text()) 
console.log(label.length) 

使用.filter()

DEMO

Answer 2

你可以做的是這樣的：

$("label.myClass").each(function(index) { 
if ($(this).text() == "") { 
    $(this).hide(); 
    } 
}); 

Answer 3

嘗試使用:empty選擇

$("label.myClass:empty").hide()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<label class="myClass"></label> <!-- I want to hide this --> 
 
<label class="myClass">Some text here</label> <!-- Don't hide -->