✔ finde Elemente mit gleicher Klasse mit Ausnahme

[strukturart]

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.

<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]

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.

 

[Sempervivum]

querySelectorAll(".items .dir") Da muss das Leerzeichen im Selektor raus, sonst wird nach Nachfahrenelementen gesucht.

 

[strukturart]

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.

    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]
                                }