JavaScript 通过选择一个不起作用的 html 属性来隐藏 li 标签

Question

我有 3 列，其中包括动态生成的列表元素(li 标签) 这些有一个属性，当此元素中未达到一定数量的字符时，我尝试使用该属性隐藏行/li。(通过使用不透明度属性)

我有它的工作......有时，有时它只适用于 3 列中的一列...... 因此，我希望能对这里的问题有所了解。

(function() {

   // selecting all elements with class
   // class="checkout-tariff-meta-maybe-hidden"
   var elems =  $(".checkout-tariff-meta-maybe-hidden");

   // interact between founded elements
   for (var k = 0; k < elems.length; k++) {
      // getting text content size
      var textSize = elems[k].textContent.length;
      // if text size is one we will hide element
      if (textSize <= 1) {
         // hiding
         elems[k].style.opacity = "0";

      }
   }

}());

Answer 1

你可以直奔主题，做一些类似的事情:

// Adjust as needed
    $(document ).ready(function() {
    $('.checkout-tariff-meta-maybe-hidden').filter( function() { 
     return $(this).text().length<3; } ).hide();
});