Graf DIVs mit bestimmten Klasse, wo Klassenname ist eine Variable

Question

ich ein Problem mit diesem Code habe ...

$("select#kronologia option").each(function() { 
    var classname=$(this).val(); 
    alert($("article."+classname).length); 
}); 

Fehler: Syntaxfehler, unerkannt Ausdruck: Artikel.

Ich möchte divs mit bestimmter Klasse zählen, wo der Klassenname aus einem Auswahlfeld kommt. Ich habe Syntaxfehler bekommen. Siehe oben ...

Wenn ich diese Zeile ändern

var classname=$(this).val(); 

dieser

var classname="2013"; 

das Skript in Ordnung ist.

Jede Hilfe wäre toll ...

Answer 1

Hier ist die aktualisierte JSFiddle.

Das Problem ist, dass Ihr erster Wert leer ist, deshalb versucht jquery Elemente zu finden, die article. (leerer Optionswert) entsprechen, das ist in der Tat ein falscher Ausdruck. Wie Sie in der Geige sehen können, wenn der Wert leer ist, wird es übersprungen und Ihr Skript funktioniert. Natürlich können Sie das Verhalten eines leeren Wertes Ihren eigenen Bedürfnissen anpassen.

$('select#kronologia').on('change', function(e) { 
    $(this).find('option').each(function() { 
     var classname = $(this).val(); 

     if (classname === '') { 
      return true; 
     } 

     alert($('article.'+classname).length); 
    }); 
}); 

Answer 2

Versuchen var classname=$(this).val();-var classname=str($(this).val());

Answer 3

was da ist, Artikel zu ändern? Ist es ein Klasse-Präfix oder die ID-Präfix

$("select#kronologia option").each(function() { 
    var classname=$(this).val(); 
    alert($(".article"+classname).length); 
}); 

oder

$("select#kronologia option").each(function() { 
    var classname=$(this).val(); 
    alert($("#article"+classname).length); 
}); 

Answer 4

Wenn Sie für die Klasse suchen mit JQuery sollte Präfix sein „“ eine Grundregel. Sie haben alles gut gemacht nur Präfix für die Suche mit Klassennamen wie unten anhängen.

alert($(".article"+classname).length); 

http://codepen.io/JayPatel758/pen/wdpavo