使用jQuery在单击时更改li类

这是我的html：

<ul>
    <li class="rbx-tab">
        <a class="rbx-tab-heading" href="#limiteds" id="tab-limiteds">
            <span class="rbx-lead">Limiteds</span>
            <span class="rbx-tab-subtitle"></span>
        </a>
    </li>
</ul>

当有人单击限制时，我如何更改以下内容：

将li类的rbx选项卡更改为激活的rbx选项卡

谢谢

像使用jQuery一样使用， 一个李,， 1.为它使用addClass

$(this).parents('li').addClass('active');

要在每次单击时切换，请使用

$(this).parents('li').toggleClass('active');

对于多个李， 1.从所有li中删除活动类。 2.使用$（this）仅向该li添加活动类。

使用jQuery-like， 一个李,， 1.为它使用addClass

$(this).parents('li').addClass('active');

要在每次单击时切换，请使用

$(this).parents('li').toggleClass('active');

对于多个李， 1.从所有li中删除活动类。

---

2.使用$（this）仅向该li添加活动类。

使用Jquery的

AddClass

$（“li”）。单击（函数（）{
$（此）.addClass（“rbx选项卡处于活动状态”）；
警报（$（this.attr（“类”））；
});




使用Jquery的
AddClass


$（“li”）。单击（函数（）{
$（此）.addClass（“rbx选项卡处于活动状态”）；
警报（$（this.attr（“类”））；
});




这是我在一行中所做的：

$("li a").click(function(){
    $(this).parents(".rbx-tab").toggleClass("active");
});

这是我在一行中所做的：

$("li a").click(function(){
    $(this).parents(".rbx-tab").toggleClass("active");
});

您可以使用以下代码进行更改：

$('a .rbx-lead').click(function(){
$(this).parent().parent().addClass('active');

或更简单：

$('a .rbx-lead').click(function(){
    $(this).parents('li').addClass('active');

请在此处找到示例：

您可以使用以下代码进行更改：

$('a .rbx-lead').click(function(){
$(this).parent().parent().addClass('active');

或更简单：

$('a .rbx-lead').click(function(){
    $(this).parents('li').addClass('active');

请在此处找到示例：

已经有很多答案了，在这里您可以使用另一个选项：

HTML

<ul>
 <li class="rbx-tab"> 
    <a class="rbx-tab-heading" href="#limiteds" id="tab-limiteds">
         <span class="rbx-lead">Limiteds</span>
         <span class="rbx-tab-subtitle"></span>
    </a>
 </li>
 <li class="rbx-tab">
    <a class="rbx-tab-heading" href="#limiteds" id="tab-limiteds">
        <span class="rbx-lead">Limiteds</span>
        <span class="rbx-tab-subtitle"></span>
    </a>
 </li>
</ul>

已经有很多答案了，在这里您可以使用另一个选项：

HTML

<ul>
 <li class="rbx-tab"> 
    <a class="rbx-tab-heading" href="#limiteds" id="tab-limiteds">
         <span class="rbx-lead">Limiteds</span>
         <span class="rbx-tab-subtitle"></span>
    </a>
 </li>
 <li class="rbx-tab">
    <a class="rbx-tab-heading" href="#limiteds" id="tab-limiteds">
        <span class="rbx-lead">Limiteds</span>
        <span class="rbx-tab-subtitle"></span>
    </a>
 </li>
</ul>

最简单的答案是

$('li a').click(function () {
    $('li.rbx-tab').removeClass('active');
    $(this).closest('li.rbx-tab').addClass('active');
});

最简单的答案是

$('li a').click(function () {
    $('li.rbx-tab').removeClass('active');
    $(this).closest('li.rbx-tab').addClass('active');
});