Javascript 使用jQUERY在href上添加链接类

我对链接的onClick更改做了很多研究，但没有找到我需要的解决方案。我有一个包含多个链接的侧栏菜单。我有一个默认类添加到我想显示为默认值的内容中。但是，当我单击侧边栏中的另一个链接时，我希望删除上一个链接的“cur”类，将其替换为零，然后将“cur”应用于新链接。这是我的密码：

<li data-bind="attr:{'data-key':key, 'data-code':bankcode}, css: memberModel.bankCssClass($data)" data-key="工商银行" data-code="ICBC-NET-B2C" class="bank_2">
<a href="javascript:void(0)" class=""></a></li>

试试这个：

$(function(){
    $('a').click(function(){
        $('li.blank-2 a').removeClass('cur');
        $(this).addClass('cur');
    });
});

如果您的其他lis也有blank-2类，请尝试以下操作：

$(function(){
    $('a').click(function(){
        $('li.blank-2 a').removeClass('cur');
        $(this).addClass('cur');
    });
});

如果您的其他lis也有blank类-2

removeClass（className）采用您要删除的类的名称。所以试试这个：

$('a').removeClass('cur');

removeClass（className）采用要删除的类的名称。所以试试这个：

$('a').removeClass('cur');

希望它能起作用：）

希望它能起作用：）

---

首先，您可以将HTML更改为如下内容

HTML

---

首先，您可以将您的HTML更改为如下内容

HTML

---

我想出了解决这个问题的办法。我可能想分享一下

HTML:

<ul data-bind="foreach: thirdPayBank" class="bank_list" style="height: 102px;">
                        <li data-bind="attr:{'data-key':key, 'data-code':bankcode}, css: memberModel.netbankCssClass($data), click: $root.netBankSelectBank" data-key="工商银行" data-code="ICBC" class="bank_2"><a href="javascript:void(0)" class="bank"></a></li>

                         <li data-bind="attr:{'data-key':key, 'data-code':bankcode}, css: memberModel.netbankCssClass($data), click: $root.netBankSelectBank" data-key="农业银行" data-code="ABC" class="bank_3"><a href="javascript:void(0)" class="bank"></a></li>

jQUERY：

$(function(){
    $('a').click(function(){
        $('a').removeClass('');
        $(this).addClass('cur');
    });
});

 $(".bank").click(function(){
            $(".bank").removeClass('bankcur')     
            $(this).addClass('bankcur')
    })

结果:

---

我想出了解决这个问题的办法。我可能想分享一下

HTML:

<ul data-bind="foreach: thirdPayBank" class="bank_list" style="height: 102px;">
                        <li data-bind="attr:{'data-key':key, 'data-code':bankcode}, css: memberModel.netbankCssClass($data), click: $root.netBankSelectBank" data-key="工商银行" data-code="ICBC" class="bank_2"><a href="javascript:void(0)" class="bank"></a></li>

                         <li data-bind="attr:{'data-key':key, 'data-code':bankcode}, css: memberModel.netbankCssClass($data), click: $root.netBankSelectBank" data-key="农业银行" data-code="ABC" class="bank_3"><a href="javascript:void(0)" class="bank"></a></li>

jQUERY：

$(function(){
    $('a').click(function(){
        $('a').removeClass('');
        $(this).addClass('cur');
    });
});

 $(".bank").click(function(){
            $(".bank").removeClass('bankcur')     
            $(this).addClass('bankcur')
    })

结果:

---

OP sayed

我希望删除上一个链接的“cur”类

您的源代码将删除所有链接。所以这不是解决方案，我指出OP的代码根本不起作用的原因。OP应该能够根据他已经编写的代码，从这里开始自己继续。但显然他不知道

.parent（）

，他仍然会处理同样的问题。：）OP sayed

我希望删除上一个链接的“cur”类

您的源代码将删除所有链接。所以这不是解决方案，我指出OP的代码根本不起作用的原因。OP应该能够根据他已经编写的代码，从这里开始自己继续。但显然他不知道

.parent（）

，他仍然会处理同样的问题。：）如果你像以前那样在文章中添加一个示例。。。您可能应该将其添加为可用的示例。。。在您的示例中，没有类为

cur

的元素。因此，在测试用例中运行此操作不会带来任何结果，并且会导致“帮助者”猜测答案/结果是否正确：）（只是一个提示）您最好也添加其他相邻的li元素，这将帮助我们更好地理解什么是最适合您的。如果您像您那样在您的帖子中添加示例。。。您可能应该将其添加为可用的示例。。。在您的示例中，没有类为

cur

的元素。因此，在测试用例中运行此操作不会带来任何结果，并且会导致“助手”猜测答案/结果是否正确：）（只是一个提示）您最好也添加其他相邻的li元素，这将帮助我们更好地理解什么是最适合您的。