如何更改具有特定href的类名标记？

Question

这是我的问题。

<a class="selected" href="#tab-general">General Setting</a>
<a href="#tab-setting1">Method 1</a>

这一次，它是自动选择的#tab-general。现在点击一些按钮我想要它自动选择＃tab-setting1。我已经尝试过这个东西，但它不起作用：

var text='#tab-setting'+1;
$('.selected').attr('class','');
$('a[href$=text]').attr('class', 'selected');

感谢您的帮助。

Answer 1

Text是一个变量。所以改变这个

$('a[href$=text]').attr('class', 'selected'); //this selector does not read the value of variable `text`

到

$('a[href$='+text+']').attr('class', 'selected');

我建议你做类似下面的事情。

HTML：

<a class="link selected" href="#tab-general">General Setting</a>
<a class="link" href="#tab-setting1">Method 1</a>

Jquery的：

$('.link').on("click",function(){
    $('.link').removeClass("selected");
    $(this).addClass("selected");
})

Fiddle