getting error adding multiple attributes using .attr()

Question

I want to add multiple html attributes in html tag using .attr()but I'm getting the following error in my firebug console:

SyntaxError: missing : after property id
[Break On This Error]      
aria-selected: true,   
#PrizeBondSearch (line 149, col 22)

Here is the code that I tried:

$('ul.k-group').find('a[href="#' + url + '"]').addClass('k-state-selected k-state-focused').parent().attr({
    aria - selected: true,
    id: 'panelbar_pb_active'
});

I don't know why I'm getting this error or how to solve it. If there is any other better way, I will be glad to know of it.

Adaz · Accepted Answer · 2013-04-28 14:01:36Z

3

I think it's the way you set the "aria-selected" - you should use quotes as it contains "-":

{
    "aria-selected": true,
    id: 'panelbar_pb_active'
}

answered Apr 28, 2013 at 14:01

Adaz

1,66512 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

A. Wolff · Accepted Answer · 2013-04-28 14:01:18Z

2

The correct synthax is:

$('ul.k-group').find('a[href="#' + url + '"]').addClass('k-state-selected k-state-focused').parent().attr({
          "aria-selected": true,
          id: 'panelbar_pb_active'

      });

See aria-selected wrapped in double-quotes (or could be single quotes).

answered Apr 28, 2013 at 14:01

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Comments

xdazz · Accepted Answer · 2013-04-28 14:02:01Z

1

You need to quote aria-selected because it has - in it.

answered Apr 28, 2013 at 14:02

xdazz

161k38 gold badges255 silver badges278 bronze badges

Collectives™ on Stack Overflow

getting error adding multiple attributes using .attr()

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related