jquery
  • html
  • href
  • 2014-02-06 138 views 0 likes 
    0

    这里我的问题。如何使用特定的href更改类名称标记a?

    <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'); 
    

    感谢您的帮助。

    +0

    我很抱歉,但我不明白的问题。你只是想在两者之间“切换”选择的类......? –

    回答

    3

    文本是一个变量。因此,改变这种

    $('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

    相关问题