javascript - 将 CSS 类分配给单个现有的 div 类而不是所有类

Question

我不确定我是否以正确的方式处理这件事，但我会尽力解释我正在尝试做的事情。

我有一个包含菜单的 HTML 页面。在该菜单中，有许多使用特定 CSS 类的实例。当页面更改时，会通过 URL 传递一个值，然后使用该值突出显示所选项目并展开子菜单。

我遇到的问题是，当我尝试使用此值在正确的位置展开列表时，我实际上无法选择并添加新的 CSS 类或执行其他操作。我将在下面发布一些代码，以便您可以更好地理解我在说什么，然后可能会给出一个示例场景。

if (param != null) {
    $('.menuButton')[paramvalue].addClass('on');
    $('.menuButton')[paramvalue].slideDown('normal');
}

这就是 javascript 部分带来的问题。在上面的情况下，paramvalue 可以替换为 0 或 1 等。这部分达到了我想要更改的特定类。我通过向 HTML 添加一个 id 并使用以下命令检索它来检查这一点:

 alert($('.menuButton')[paramvalue].id);

这返回了正确的 ID 值。

HTML 如下:

<div class="menuButton" id="2">Button 1</div>
<div class="subMenu">
    <ul>
    <li><a href="#">Item 1.1</a></li>
    <li><a href="#">Item 1.2</a></li>
    <li><a href="#">Item 1.3</a></li>
 </ul>
</div>
<div class="menuButton" id="3">Button 2</div>
<div class="subMenu">
<ul>
    <li><a href="#">Item 2.1</a></li>
    <li><a href="#">Item 2.2</a></li>
    </ul>
</div>

没有 CSS 来配合 id，它们主要只是为了测试而添加的。如果有必要，我可以发布相关的 CSS，但我不认为这是问题的一部分。

我应该提到，使用以下作品

$('.menuButton').addClass('on');

所以也许这可以缩小问题的范围。

如果您需要任何其他信息。就问吧。

感谢您的帮助。

Answer 1

通过使用 $(selector)[index] 将 jQuery 对象转换为没有 addClass 方法的 DOM Element 对象，您可以使用 eq () 方法改为:

$('.menuButton').eq(paramvalue).addClass('on');
$('.menuButton').eq(paramvalue).slideDown('normal');

您还可以链接您的方法:

$('.menuButton').eq(paramvalue).addClass('on').slideDown('normal');