-2
Einfache hasclass und this.addclass nichtWarum ist diese jQuery funktioniert nicht
if ($('.sidebar-menu-container li').hasClass('current-menu-item')) {
$(this).addClass('expanded');
}
A
Antwort
2
Sie verwendet haben $(this) innerhalb document.ready arbeitet so die $(this) bezieht sich auf das Dokument nicht die ($('.sidebar-menu-container li') .using this außerhalb jeder Funktion bezieht sich auf das globale Objekt
für Ihren Code zu arbeiten
$(document).ready(function($) {
$('.sidebar-menu-container li').each(function(){
if ($(this).hasClass('current-menu-item')) {
$(this).addClass('expanded');
}
})
});.expanded {
background:red !important;
border: 1px solid green;
}
li {
background: #ccc;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sidebar-menu-container">
<li class="current-menu-item">asdasdasdasd</li>
<li>asdasdasdasd</li>
</div>oder einfach
jQuery(document).ready(function($) {
$('.sidebar-menu-container li.current-menu-item').addClass('expanded')
});.expanded {
background:red !important;
border: 1px solid green;
}
li {
background: #ccc;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sidebar-menu-container">
<li class="current-menu-item">asdasdasdasd</li>
<li>asdasdasdasd</li>
</div>
1
Der Selektor $('.sidebar-menu-container li') mehrere Elemente zurückkehrt, so dass, wenn eines dieser Elemente, die Klasse hat current-menu-item es true sein wird. Sie haben eine Schleife dafür verwenden, oder besser noch:
$('.sidebar-menu-container li.current-menu-item').addClass('expanded');
Der obige Code alle li mit .current-menu-item Klasse auswählt und expanded Klasse für sie hinzufügen. Keine Schleife oder Bedingung benötigt, jQuery tut es für Sie.
1
Ihr Element mehr Elemente zurück, die Art und Weise ist es nicht diesen
jQuery(document).ready(function($) {
$("li").click(function(){
if ($(this).hasClass('current-menu-item')) {
$(this).addClass('expanded');
}
});
});
3
$('ul.sidebar-menu-container li.current-menu-item').addClass('expanded').expanded {
background:red !important;
border: 1px solid green;
}
li {
background: #ccc;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="sidebar-menu-container">
<li class="current-menu-item">asdasdasdasd</li>
<li>asdasdasdasd</li>
</ul>- Hinweis arbeiten versuchen, dass die Eltern von
LIsindUL - Keine Notwendigkeit für Iteration
1
Ich glaube, Sie in Ordnung sein würde zu verwenden:
$('.sidebar-menu-container li.current-menu-item').addClass('expanded');
Sie brauchen nicht die, wenn.
+0
Oh ja, wie Guradios Vorschlag! – Mark
0
$(document).ready(function() {
$('.sidebar-menu-container li.current-menu-item').addClass('expanded');
});.expanded {
background:red !important;
border: 1px solid green;
}
li {
background: #ccc;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sidebar-menu-container">
<li class="current-menu-item">asdasdasdasd</li>
<li>asdasdasdasd</li>
</div>+0
Ihr 'if()' macht wenig Sinn. – charlietfl
+0
Warum nicht? Er möchte, dass das spezifische div bestimmte Klassen enthält – SilverSurfer
+1
Alles, was Sie tun, ist '$ ('. SomeClass'). HasClass ('someClass')' ... warum würden Sie das jemals brauchen? Natürlich hat es diese Klasse ...Es ist in der Original-Selektor – charlietfl
Verwandte Themen
- 1. warum diese JQuery-Funktion nicht funktioniert
- 2. Warum ist diese Anordnung nicht richtig funktioniert
- 3. Warum funktioniert diese Formularvalidierung nicht?
- 4. Warum funktioniert diese Regex nicht?
- 5. Warum funktioniert diese Join() nicht?
- 6. Warum funktioniert diese Karte nicht?
- 7. Warum diese Abfrage nicht funktioniert?
- 8. Warum funktioniert diese Batchdatei nicht?
- 9. Warum funktioniert diese Schleife nicht
- 10. Warum funktioniert diese Funktion nicht?
- 11. Warum funktioniert diese Schließung nicht?
- 12. Warum funktioniert diese Lösung nicht?
- 13. Warum funktioniert diese Konvertierung nicht?
- 14. Warum funktioniert diese Abfrage nicht?
- 15. Warum funktioniert diese Renderfunktion nicht?
- 16. Warum funktioniert diese Regex nicht?
- 17. Warum funktioniert diese .htaccess nicht?
- 18. Warum funktioniert diese Datenbindung nicht?
- 19. Warum funktioniert diese Projektionsmatrix nicht?
- 20. Warum funktioniert diese Methode nicht?
- 21. Warum funktioniert diese Zeichenfolge nicht?
- 22. Warum funktioniert diese Umkehrfunktion nicht?
- 23. Warum funktioniert diese sed nicht?
- 24. Warum funktioniert diese RewriteRule nicht?
- 25. Warum funktioniert diese Umschreiberegel nicht?
- 26. Warum funktioniert diese Entkopplung nicht?
- 27. Warum diese Einfügeabfrage nicht funktioniert?
- 28. Warum funktioniert diese Suchbox nicht?
- 29. Warum funktioniert diese Registerkarte nicht?
- 30. Warum ist meine jQuery Toggle funktioniert nicht
Es wäre hilfreich, wenn Sie das, was Sie erreichen wollen. – Catalyst
Bitte zeigen Sie alle relevanten Code in der Frage. Siehe [MCVE]. Fragen sollten in sich geschlossen sein. Wir sollten die Website nicht einfach verlassen müssen, um die Grundlagen Ihres Problems zu überprüfen. Nehmen Sie sich auch etwas Zeit, um [ask] – charlietfl
zu lesen, Sie können eine Zeile '$ ('. Sidebar-menu-container li.current-menu-item') verwenden. AddClass ('expanded')' – guradio