Jquery - cannot fetch attribute

Question

Simple line of code:

var page=jQuery("#buy-items-button").attr('id');

Problem is that page is undefined. Relevant portion of html

<li><a id='#buy-items-button' href="#buy-items" data-page="buy-items" class="section-button">Buy Items</a></li>

console.log(jQuery("#buy-items-button")) shows:

[context: document, selector: "#buy-items-button", jquery: "1.9.1", constructor: function, init: function…]
context: document
selector: "#buy-items-button"
__proto__: Object[0]

Driving me crazy as having been using jQuery for long and never faced issues on such trivial calls.

possible duplicate of stackoverflow.com/questions/22448626/… — Bhojendra Rauniyar
– Bhojendra Rauniyar, Commented Apr 30, 2014 at 7:55

Felix · Accepted Answer · 2014-04-30 07:48:09Z

4

You need to remove # from id value of your anchor:

<li><a id='buy-items-button' href="#buy-items" data-page="buy-items" class="section-button">Buy Items</a></li>

answered Apr 30, 2014 at 7:48

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

2 Comments

workwise Over a year ago

Argh. Wasted 45 minutes before this. Going through all sorts of Jquery revision updates, scoping, etc. Sometimes human stupidity is infinite.

blabus Over a year ago

I've been burned so many times by this, and I never seem to learn.

Snake Eyes · Accepted Answer · 2014-04-30 07:48:19Z

0

Your HTML is wrong (remove # from id attribute):

<a id='#buy-items-button' href="#buy-items"

should be

<a id='buy-items-button' href="#buy-items"

answered Apr 30, 2014 at 7:48

Snake Eyes

16.8k39 gold badges120 silver badges235 bronze badges

Comments

Jai · Accepted Answer · 2014-04-30 07:50:39Z

0

You can try with this:

jQuery('a[id^="#buy-items"]').attr('id');

answered Apr 30, 2014 at 7:50

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

Arthur.A · Accepted Answer · 2014-04-30 07:59:54Z

0

The id attribute in your HTML is wrong. Remove the pound sign.

answered Apr 30, 2014 at 7:59

Arthur.A

1

1 Comment

Jai Over a year ago

that is not wrong you can escape your special characters, or you can use attribute selectors with string values surrounded by quotes.

Collectives™ on Stack Overflow

Jquery - cannot fetch attribute

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related