Wenn li weniger als 3 Zeichen hat, ausblenden?

Question

Ich möchte Listenelemente ausblenden können, die weniger als 3 Zeichen haben, wie mache ich das? Was ist falsch an meinem Code unten?

Ich bin ein JavaScript/jQuery-Neuling.

jQuery().ready(function() { 
    if (jQuery('ol li').length < 3) { 
     jQuery(this).hide(); 
    }; 
}); 

Answer 1

Ihr Code sagt

if (jQuery('ol li').length < 3) { //If I have less than 3 li elements 
    jQuery(this).hide(); //hide the window object 
}; 

Was Sie verwenden möchten, ist Filter

$('ol li').filter(function(){ return $(this).text().length<3; }).hide(); 

EDIT - Basierend auf Ihren Kommentar in meinem Beitrag: Wenn es ein span-Tag ist, die andere Daten haben könnte um ihn herum:

$('ol li span').filter(function(){ return $(this).text().length<3; }).parent().hide() 

Fiddle running the span example

diejenigen

Answer 2

Ich glaube, Sie brauchen die .html() Ihr DOM-Element zu bekommen und dann tun .length darauf.

Answer 3

Sie müssen die Elemente herauszufiltern, die einen Gehalt von weniger als 3 Zeichen lang sein und verstecken:

$(function() { 
    $('ol li').filter(function() { 
     return $(this).text().length < 3 ; 
    }).hide(); 
}); 

Answer 4

$('ul li').each(function() { 
    if ($(this).text().length < 3) 
     $(this).hide(); 
}); 

Demo

Answer 5

Try this:

$('ol li').filter(function(){ return $(this).text().length < 3; }).hide(); 

Eine andere Alternative könnte dies sein:

if($('ol li').length < 3){ $(this).hide(); };