Unable to get the attribute value using jquery method

Question

I am trying to get a attribute value from my dom element, but i am getting result as:

Uncaught TypeError: Object #<HTMLDivElement> has no method 'attr'

I am not able to get the attribute value at all.. what is the issue..?

here my my code :

HTML:

<div class="label" aria-label="Logo">
    <div class="trunc-string">
        <div class="start denali-tooltip tooltip-on-truncate"><span>Logo</span></div>
    </div>
</div>

jQuery:

var x =  $("div.label")[0];
console.log (x.attr("aria-label"));

any one direct me in the right way please..?

Live Demo

rajesh kakawat · Accepted Answer · 2013-11-13 05:57:34Z

2

try something like this,

        $(function(){
            // will give you pure javascript(DOM) object,so use getAttribute().
            var x =  $("div.label")[0];
            console.log(x.getAttribute("aria-label"));
            //using jquery
            console.log($(x).attr("aria-label"));

        })

answered Nov 13, 2013 at 5:57

rajesh kakawat

10.9k1 gold badge24 silver badges40 bronze badges

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

2 Comments

Felix Kling Over a year ago

"will give you pure javascript object" I think you mean "DOM element" instead. A jQuery object is also a "pure JavaScript object".

rajesh kakawat Over a year ago

yes because jquery object is also one kind of javascript object

codingrose · Accepted Answer · 2013-11-13 05:55:52Z

1

It should be $("div.label:eq(0)"); instead of $("div.label")[0];

var x =  $("div.label:eq(0)");

Updated fiddle here.

answered Nov 13, 2013 at 5:55

codingrose

15.7k11 gold badges41 silver badges58 bronze badges

Comments

Sridhar R · Accepted Answer · 2013-11-13 05:55:58Z

1

Try this

var x =  $("div.label"); //or $("div.label:eq(0)")
console.log (x.attr("aria-label"));

Fiddle

answered Nov 13, 2013 at 5:55

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

Comments

Ankit Tyagi · Accepted Answer · 2013-11-13 05:56:16Z

1

var x =  $("div.label:eq(0)");
console.log (x.attr("aria-label"));

answered Nov 13, 2013 at 5:56

Ankit Tyagi

2,37511 silver badges20 bronze badges

Comments

Rituraj ratan · Accepted Answer · 2013-11-13 05:59:45Z

1

var x =  $("div.label")[0];
//^^^^^ by this you get a object with html of .label


console.log ($(x).attr("aria-label"));
//^^^^^^^^^^^^^^then use as a jquery object and apply their method

see demo

answered Nov 13, 2013 at 5:59

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

Comments

Prasanth K C · Accepted Answer · 2013-11-13 06:01:18Z

1

if you multiple div.label element and you want to get value according to its node position, You can go with

var x =  $("div.label:eq(0)");
console.log (x.attr("aria-label"));

Otherwise if there is only one div.labelelement, You can go with

var x =  $("div.label");
console.log (x.attr("aria-label"));

answered Nov 13, 2013 at 6:01

Prasanth K C

7,4026 gold badges43 silver badges63 bronze badges

Comments

Felix Kling · Accepted Answer · 2013-11-13 06:04:05Z

1

By default, .attr will return the attribute value of the first selected element, if used as getter:

Get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element.

So all you really have to do is

$("div.label").attr("aria-label");

If you want to filter selection to only include the first element (because you want to use it somewhere else), you can use .first:

 var x = $("div.label").first();

or .eq(0):

 var x = $("div.label").eq(0);

The reason why you get the error is that $(...)[i] returns the selected DOM element at that position. DOM elements don't have an .attr method.

answered Nov 13, 2013 at 6:04

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

Collectives™ on Stack Overflow

Unable to get the attribute value using jquery method

7 Answers 7

2 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

2 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related