【问题标题】:How to swap class / id using jquery in a css list?如何在 css 列表中使用 jquery 交换类/id?
【发布时间】:2011-12-08 23:23:30
【问题描述】:

我已经设置了以下小提琴:

http://jsfiddle.net/Rb2Pz/4/

基本上我试图在单击时交换 li 上的类(即删除类电机,然后添加选择的类。

另外,如果我希望使用 ID 而不是类,我应该使用什么代码?

提前致谢。

【问题讨论】:

  • jsfiddle.net/Rb2Pz/5我不确定这是不是你想做的,检查一下
  • 您好,感谢您的回复不是我所需要的,但请参考@bozdoz 的回答。谢谢

标签: jquery css class html-lists swap


【解决方案1】:

更新here

$(function() {
    $('a').click(function() {
       $(this).parents('.motor').removeClass('motor').addClass('selected');
    });
});

如果您想使用 id 而不是类(在这种情况下您可能不应该这样做),您可以将 ('.motor') 切换为 ('#motor'),将removeClass('motor') 切换为 removeAttr('id'),然后将 addClass('selected') 切换为 @ 987654328@。同样,在这种情况下类会更好。

【讨论】:

  • 感谢您的快速响应,正是我所需要的。非常感激。让我在几分钟内解决答案。
  • 哈哈。是的,我猜 stackoverflow 试图阻止快速回答。 :P
【解决方案2】:

你可以:

$(function() {
    $('a.test').click(function(){
        $(this).parent().attr({ 'class': 'selected' });
    });
});

如果您想更改 ID,可以使用不同的选择器:

$('ul#navlist li a').click();

【讨论】:

  • 你自己也不错。比我的干净多了。 :)
  • 谢谢,我的不是他想要的,但我想如果他一直只有一个类,我可以重写类属性。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-02-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多