Question

我有以下HTML-Dom：

<nav class="menubar-first">
    <a class="w-nav-link menue" href="/" style="max-width: 940px;">Start</a>
    <div class="w-dropdown dropdown-bg" style="max-width: 940px;">
    <div class="w-dropdown dropdown-bg" style="max-width: 940px;">
    <a class="w-nav-link menue" href="/cafe/" style="max-width: 940px;">Café</a>
    <a class="w-nav-link menue" href="/web-shop/" style="max-width: 940px;">Web-Shop</a>
    <a class="w-nav-link menue w-hidden-main" href="/aktuelles/" style="max-width: 940px;">Aktuelles</a>
    <div class="w-dropdown dropdown-bg" style="max-width: 940px;">
    <a class="w-nav-link menue w-hidden-main" href="/geschenkgutscheine/" style="max-width: 940px;">Geschenkgutscheine</a>
    <a class="w-nav-link menue w-hidden-main" href="/tipps/" style="max-width: 940px;">Tipps</a>
    <a class="w-nav-link menue w-hidden-main" href="/termine/" style="max-width: 940px;">Termine</a>
    <a class="w-nav-link menue w-hidden-main" href="/service/" style="max-width: 940px;">Service</a>
    <a class="w-nav-link menue w-hidden-main" href="/stellenangebote/" style="max-width: 940px;">Stellenangebote</a>
    <a class="w-nav-link menue w-hidden-main" href="/news/" style="max-width: 940px;">News</a>
</nav>

我想在a和div中添加一个类。我不知道它是a - 标签还是div，它取决于用户，因为它是一个菜单。

我设法将这些类添加到a - 标签中：

var i = 0;
$('.menuebar-first .w-nav-link').each(function() {
    i++;
    if (i >= 4) {
        $(this).addClass('w-hidden-main');
    }
});

然而，这只包括a而不是div。

谢谢

Answer 1

您可以考虑menubar-first的孩子，如果他们是唯一允许的孩子，请不要担心anchor div。

$('.menubar-first > *').slice(3).addClass('w-hidden-main')

否则

$('.menubar-first').children('.w-nav-link, .w-dropdown').slice(3).addClass('w-hidden-main')

Answer 2

您没有选择div，因为他们与a的班级不同，请尝试：

var i = 0;

$('.menuebar-first .w-nav-link, .menuebar-first .w-dropdown').each(function() {
    i++;
    if (i >= 4) {
        $(this).addClass('w-hidden-main');
    }
});

Jquery隐藏元素从第n开始。指数

2 个答案: