Примените функцию jQuery к одному элементу и * НЕ * к его потомкам

Question

Я хочу добавить определенные классы к различным уровням заголовка моего сайта. Так что в конце у меня будет что-то вроде

$('#navCol > ul > li > ul > li > ul').addClass('lvl2');
    // Each ‘li > ul’ past the first ‘ul’ indicates another sub-level.

добавить класс lvl2 ко второму уровню и т. Д. Сказав, что он не только применяет указанный класс ко второму уровню, он также добавляет его к другим ul под ним. Есть ли способ указать, что я хочу включить только элемент, а не его потомки.

Answer 1

Попробуйте что-то вроде

$('#navCol > ul > li > ul > li').children("ul").each(function() {
    $(this).addClass('lvl2');
});

или, если вы просто хотите первый URL, попробуйте что-то вроде

$('#navCol > ul > li > ul > li').children("ul:first").each(function() {
    $(this).addClass('lvl2');
});