Javascript 我对';这';在Jquery中?

Javascript 我对';这';在Jquery中?,javascript,jquery,Javascript,Jquery,我想用Jquery使字母表小于10的div不可见,但它不起作用,有人能帮我吗?谢谢 $(document).ready(function() { var $red = $('.red'); if ($red.length<10) { this.css("visibility","hidden") }; }); $(文档).ready(函数() { 变量$red=$('.red'); 如果($red.length此引用dom就绪处理程序中的

我想用Jquery使字母表小于10的div不可见,但它不起作用,有人能帮我吗?谢谢

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

如果($red.length
引用dom就绪处理程序中的文档对象,
如果
块未在不同的执行上下文中执行,则它将在与包含它的函数相同的上下文中执行

$(document).ready(function () {
    $('.red').filter(function () {
        return $.trim($(this).text()).length < 10
    }).css("visibility", "hidden");//or .hide()
});
$(文档).ready(函数(){
$('.red')。过滤器(函数(){
返回$.trim($(this).text())。长度<10
}).css(“可见性”、“隐藏”);//或.hide()
});
演示:

用于使用类
red
迭代所有div,并且
引用dom就绪处理程序中的文档对象。在迭代时使用
$(此)
,它将引用
div

试试这个:

$(document).ready(function(){
var $red = $('.red');
    $red.each(function(){
      if ($(this).text().length<10) {
        $(this).css("visibility","hidden")
      }
    });
});
$(文档).ready(函数(){
变量$red=$('.red');
$red.每个(函数(){

如果($(this).text().length对于您所做的操作,
$red.length
返回选择了多少元素,而不是您想要的文本长度。您必须循环遍历这些元素并实际获取文本

sssssssss
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sss
sssssssssssssssssssss
SSSS
$(文档).ready(函数(){
$('.red')。每个(函数(){
if($(this).text().length<10)
$(this.css(“可见性”、“隐藏”);
});
});

如果您将代码粘贴到此处,而不仅仅是链接到小提琴,您将获得更好的响应。
<div class="red">sssssssssssssss</div>
<div class="red">ssssssssssssssssss</div>
<div class="red">sss</div>
<div class="red">sssssssssssssssssssss</div>
<div class="red">ssssss</div>

<script>
    $(document).ready(function(){

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

    });
</script>