Question

我有一个像这样的菜单列表..

            </div>
            <ul id="menu">
                <li id="About">@Html.ActionLink(@MvcWebRole1.Resources.Shared.Layout.About, "About", "Home")</li>
                <li id="Services">@Html.ActionLink(@MvcWebRole1.Resources.Shared.Layout.Services, "Services", "Home")</li>
                <li id="Partners">@Html.ActionLink(@MvcWebRole1.Resources.Shared.Layout.Partners, "Partners", "Home")</li>
.....
.....

当我点击带有jquery函数的按钮时，我想在特定标签中添加/删除一个类..

如何将此应用于特定菜单＆gt; li＆gt; id =“关于”？

我尝试了类似的东西，但它不起作用..

$('#menu li About').removeClass('classname');

和

$('#menu li').attr(About).removeClass('classname');

和

if ($('#menu li').attr("id") == "About")
  $('#menu li').removeClass('classname');

感谢。

Answer 1

你的选择器错了。选择您需要的ID。尝试：

('#About').removeClass('classname');

Answer 2

$('#menu li#About').removeClass('classname');

或只是

$('li#About').removeClass('classname');

或

$('#About').removeClass('classname');

或

$('#About', '#menu').removeClass('classname');

Answer 3

关闭。这段代码：

$('#menu li About')

正在寻找id menu的元素，其中包含名为li的元素，其中包含名为 About的元素。您需要指定它是另一个id（并且是li上的id）：

$('#menu li#About')

当然，由于ids在文档中应该是唯一的，因此也应该：

$('#About')

Answer 4

请熟悉jQuery选择器的工作方式（http://api.jquery.com/category/selectors/）。

您要找的是ID选择器，您可以在#menu - 部分使用它，因此$('#About')将是正确的选择器。

将add / remove类应用于特定标记Jquery

4 个答案: