javascript - 我在Jquery中对“this”的操作有什么问题吗？

我想使我的div的字母小于10的Jquery不可见，但是它不起作用，有人可以帮助我吗？谢谢！

$(document).ready(function()
{
    var $red = $('.red');
    if ($red.length<10)
    {
        this.css("visibility","hidden")
    };
});

jsFiddel

最佳答案

使用.each()遍历类red的所有div，并且this引用dom ready处理程序内的文档对象。使用$(this)，它将在迭代时引用div。

尝试这个：

$(document).ready(function(){
var $red = $('.red');
    $red.each(function(){
      if ($(this).text().length<10) {
        $(this).css("visibility","hidden")
      }
    });
});

DEMO