finde Elemente mit gleicher Klasse mit Ausnahme


Status
Dieses Thema wurde gelöst! Zur Lösung gehen…

strukturart

Erfahrenes Mitglied
#1
Hallo,

wie kann ich Elemente auswaehlen die alle die Klasse dir + ein unbekannt gleiche Klasse haben.


z.B.: items dir AB
wobei ich AB nicht kenne.

Code:
<div class="items ">test</div>
<div class="items ">test</div>
<div class="items dir AA ">test</div>
<div class="items dir AA ">test</div>
<div class="items dir AB ">test</div>
<div class="items dir AA ">test</div>
<div class="items dir AB ">test</div>
Danke fuers lesen.
 

ComFreek

Mod | @comfreek
Moderator
#2
Das ist nicht so einfach - zumindest kein Einzeiler. Gehe mit querySelectorAll(".items .dir") alle Elemente durch, schau dir .classList an und sortiere dann in ein JS Objekt die ein.
 

strukturart

Erfahrenes Mitglied
#4
Dank für eure Antworten.

Habe es beim erstellen der Elemente gelöst, nicht sehr hübsch aber funktioniert.
Beim "loopen" schaue ich ob das vorherige Element die gleiche Klasse hat wenn ja dann erhält es die Klasse die es als Kindelement markiert.


Code:
    if(app_list_filter_arr[k][1] == "root")
                                {          
                                    $("div#app-list").append('<div class="items" tabindex="0" data-app_name = "'+item.manifest.name+'"data-url="'+z+'">'+item.manifest.name+'</div>');
                                }

                                if(app_list_filter_arr[k][1] != "root")
                                {
                                    //first element of dir
                                    if(last_dir == app_list_filter_arr[k][1])
                                    {
                                        $("div#app-list").append('<div class="items dir child-of-dir '+app_list_filter_arr[k][1]+'" tabindex="0" data-app_name = "'+item.manifest.name+'"data-url="'+z+'"><span class="dir-name">'+app_list_filter_arr[k][1]+'</span><span class="app-name">'+item.manifest.name+'</span></div>');
                                    }
                                    else
                                    {
                                        $("div#app-list").append('<div class="items dir  '+app_list_filter_arr[k][1]+'" tabindex="0" data-app_name = "'+item.manifest.name+'"data-url="'+z+'"><span class="dir-name">'+app_list_filter_arr[k][1]+'</span><span class="app-name">'+item.manifest.name+'</span></div>');
                                    }
                                    last_dir = app_list_filter_arr[k][1]
                                }
 
Status
Dieses Thema wurde gelöst! Zur Lösung gehen…