使用 jQuery 生成带有自定义类的 <li>答案

【问题标题】：Generate <li> with custom class using jQuery使用 jQuery 生成带有自定义类的 <li>
【发布时间】：2015-03-04 19:09:48
【问题描述】：

我正在寻找执行以下操作的解决方案：

我在一个列表中有两个链接：

<ul>
     <li class="1"><a>Option #1</a><li>
     <li class="2"><a>Option #2</a><li>
</ul>

当我点击一个链接时，我希望类更改为“已选择”，例如，我点击了“选项#1”：

<ul>
     <li class="1 selected"><a>Option #1</a><li>
     <li class="2"><a>Option #2</a><li>
</ul>

jQuery 中的解决方案不是必需的，但我想 jQuery 是正确的工具吗？

请帮忙。

【问题讨论】：

【解决方案1】：

你可以这样做：

$('ul li').click(function() {
    $(this).addClass('selected').siblings('li').removeClass('selected');
});

您还需要使用</li> 而不是<li> 关闭<li>，以使您的HTML 标记有效。

【讨论】：

【解决方案2】：

您可以使用 jQuery addClass 和 removeClass 函数，或者如果您想节省一些时间，可以使用 toggleClass

【讨论】：