Ich habe eine ganze Reihe von Listenelementen, und in ihnen sind mehr Listenelemente.
Für alle <li id="company-name" class="hide"> möchte ich feststellen, ob dieses Element leer ist.
Wenn es leer ist, möchte ich alle <li class="hide"> im direkten Eltern <ul></ul> Element ausblenden.
Sie können den einfachen CSS-Selektor : leer
verwenden %Vor%Verwenden von jQuery:
%Vor%Wenn Sie das Eltern-Div ausblenden möchten, können Sie Folgendes verwenden:
%Vor%Gemäß Ihrer aktualisierten Frage können Sie nicht selector und enthält Selektor wie folgt:
%Vor%Wollen Sie das?
EDIT: feste Antwort dank @patlkli und @Sphinxxx
%Vor% Dies blendet alle leeren <li id="company-name" class="hide"> -Elemente aus und verbirgt alle benachbarten / gleichgeordneten Elemente <li class="hide"> , unabhängig davon, ob sie ebenfalls leer sind oder nicht.
Hier ist eine reine Javascript-Lösung:
Suchen Sie zuerst nach Listen, die leere Elemente enthalten, und fügen Sie ihnen die Klasse 'hasEmptyItems' hinzu:
%Vor%Verwenden Sie als Nächstes CSS, um Elemente mit der Klasse 'hide' in Listen mit der Klasse 'hasEmptyItems'
auszublenden %Vor%
Tags und Links javascript html jquery