[Résolu] Enfants direct d'un nœud avec certaines caractéristiques

<div>
    <!-- différents éléments contenant du texte des images, etc. -->
    <ul> //liste de niveau 1
         <li>
             ...... 
             <ul> //liste de niveau 2
                .....
             </ul>
         </li>
         ........
    </ul>
    <!-- différents éléments contenant du texte des images, etc. -->
    <ul> //liste de niveau 1
         <li>
             ...... 
             <ul> //liste de niveau 2
                .....
             </ul>
         </li>
         ........
    </ul>
    ...
</div>

const div = ...;
const lists = div.querySelectorAll('ul');
for(const list of lists) {
    if(list.parentNode.isSameNode(div) {
        ....
    }
}

 div.querySelectorAll('>ul');

const lists = document.querySelectorAll('ul');
for(const list of lists) {
    if(list.parentNode.tagName !='LI') {
        list.style.border='solid';// ou mieux classList.add('xx');
    }
}

let $uls = document.querySelectorAll('div > ul')

let $div = document.querySelector('div')
let $uls = Array.from($div.childNodes).filter($el => $el.parentNode.nodeName === 'DIV' && $el.nodeName === "UL")

const lists = document.querySelectorAll('div>ul:not(ul ul)');
for(const list of lists) { 
        list.style.border='solid';    // ou mieux classList.add('xx');
}

gcyrillus a écrit :
ah zut, j'ai mal lu la question,

niuxe a écrit :


À moins que j'ai compris de travers, ta première proposition me parait pas mal

gcyrillus a écrit :


C'est le selecteur >ul que j'avais zappé en fait ça s’interprète comme ul enfant direct de rien

niuxe a écrit :


Ça me parait pas mal

document.querySelectorAll('ul:not(ul ul)')

Mathieuu a écrit :
Salut,

Ce n'est pas juste un truc dans le genre ?

document.querySelectorAll('ul:not(ul ul)')

document.querySelectorAll('ul:has(ul)');

document.querySelectorAll('ul:not(ul ul)')

myDiv.querySelectorAll('ul:not(ul ul)')

PapyJP a écrit :
Merci de vos réponses.
Je remarque que vous utilisez document.querySelectorAll, mais on n’est pas forcé de rechercher dans tout le document, on peut très bien appliquer la méthode à n’importe quel noeud
myDiv.querySelectorAll(">ul"), si ça marchait, ne signifierait pas "enfant direct de rien" mais "enfant direct de myDiv".
Mais, bon! ça ne marche pas. Je dois donc remonter un cran au dessus (parent de myDiv) pour retrouver ce que je cherche.

Il faudrait que je regarde dans les quelques centaines de pages comment les infos sont écrites par le propriétaire du site…
L’exemple que j’ai donné est beaucoup plus simple que la réalité, évidemment.
Toutes les listes de niveau 1 ne contiennent pas des listes de niveau 2, mais certaines listes de niveau 2 contiennent des listes de niveau 3.
Mon programme actuel fonctionne, inutile de le remplacer par quelque chose d’aussi complexe qu’il faudrait mettre au point et maintenir.

gcyrillus a écrit :
Enfin,

div.querySelectorAll('* >ul');

fonctionnerait comme attendu à priori.

Cdt