Retrieving the attribute value using jquery

Question

This is the code I have written with angular js. using jquery I want to get the "data-index" attribute value

<div class="claimed" droppable value="2">

        <div class="phase1" ng-repeat="item in Phase1claimed"
            data-index="{{$index}}" draggable value="2">
            <div class="ClaimedAccordion" accordion-title="{{item.name}}" unclaimhi="unclaimhi('1');">

                {{item.newLabel}} <br /> {{item.desc}} <br /> {{item.effort}} <br />
                {{item.owner}} <br /> {{item.issues}} <br /> {{item.comments}} <br />
                {{item.dependency}} <br /> {{item.content}}
            </div><br/>
        </div>
    </div>

a great place to start would be the api documentation -> api.jquery.com — Manse
– Manse, Commented Jan 17, 2013 at 11:30

Community · Accepted Answer · 2017-05-23 11:53:26Z

7

You can use data() to get the data attributes data-index using the class selector.

Live Demo

$('.phase1').data('index');

You can use descendant selector to find out element with phase class within element with claimed class.

$('.claimed .phase1').data('index');

You can use attr to get the attribute but using the attr will not get you value being changed by javascript. Its worth reading this post for difference between data and attr.

Live Demo

<a id="foo" data-foo="bar" href="#">foo!</a>

alert( $('#foo').attr('data-foo') );
alert( $('#foo').data('foo') );

edited May 23, 2017 at 11:53

CommunityBot

11 silver badge

answered Jan 17, 2013 at 11:29

Adil

148k25 gold badges217 silver badges207 bronze badges

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

2 Comments

Ankit Sharma Over a year ago

how can i get the index number of corresponding data like i have three data-foo as bar for different element and i want to get the index of the element using their data attribute..

Adil Over a year ago

As for as my understanding you want to get the element by attributes, $('[data-foo]').each(function(){ alert(this.tagName); }); you can use eq to get particular element alert($('[data-foo]').eq(0).attr("id"));

marc_s · Accepted Answer · 2016-01-31 09:06:04Z

2

You can also use attr() jQuery API function to get the data attribute

$('.phase1').attr('data-index');

edited Jan 31, 2016 at 9:06

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Jan 17, 2013 at 11:39

nrsharma

2,5724 gold badges21 silver badges36 bronze badges

Collectives™ on Stack Overflow

Retrieving the attribute value using jquery

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related