Как поменять местами класс / идентификатор, используя jquery в списке css?

Question

Я настроил следующую скрипку:

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

В основном я пытаюсь поменять класс на li при нажатии (т. Е. Удалить мотор класса, а затем добавить выбранный класс.

Также, если бы я хотел использовать идентификаторы вместо классов, какой код мне использовать?

Заранее спасибо.

Answer 1

Вы можете просто:

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

И если вы хотите изменить Ids, вы можете использовать другой селектор:

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

Answer 2

обновлено здесь .

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

Если вы хотите использовать идентификаторы вместо классов (что, вероятно, не следует делать в этой ситуации), вы бы переключили ('.motor') с ('#motor'), removeClass('motor') с removeAttr('id'), а затем addClass('selected') с attr('id','selected'). Опять же, классы лучше в этой ситуации.