Search jQuery

jQuery Forum

Getting the attributes of a div?

in Getting Started • 12 years ago

I'm using a jquery plugin called jplayer. I need to "bookmark" the current track.

The only way to know the current file playing is to look at the div called jplayer_playlist_current.

<li class="jplayer_playlist_current">
<a href="#" id="jplayer_playlist_item_1" class="jplayer_playlist_current">Introduction and guidance on usage</a></li>

What I want to get from it is the id, ie:
jplayer_playlist_item_1

I thought that this might cover it:

http://api.jquery.com/attr/

But nothing I do, no amount of googling or plugins, is getting me this result.
Help appreciated - been at it for over half a day now.

Replies(4)

Kevin B

Re: Getting the attributes of a div?

12 years ago

alert($('.jplayer_playlist_current').attr('id'));

select the element:

$('.jplayer_playlist_current')

do something with it

.attr('id'); // get the id attribute

-- Kevin

------------------------------------------------
http://www.tentonaxe.com - jQuery Snippets and Tutorials

ypangam

Re: Getting the attributes of a div?

12 years ago

hi friend,

you can use following code to retrive id of the div and use for u r bookmark

$(document).ready(function() {
alert($(".jplayer_playlist_current").attr("id"));

});

talkingne..

Re: Getting the attributes of a div?

12 years ago

Thanks for both those suggestions, but they don't appear to work in this case, as there are two classes with the same name:

<li class="jplayer_playlist_current">
<a href="#" id="jplayer_playlist_item_1" class="jplayer_playlist_current">Introduction and guidance on usage</a></li>

So we can't get the ID from the class name, but we know the text of the currently selected track is, for example, "Introduction and guidance on usage".

I feel sure a jquery function must exist to say "search for this text" and then give out the id which belongs to the tag of the text.

So, from http://api.jquery.com/text/ I see that

<div class="demo-container">
  <div class="demo-box" id="demo-box">Demonstration Box</div>
  <ul>
  <li>list item 1</li>
  <li>list <strong>item</strong> 2</li>
  </ul>
  </div>

The code $('div.demo-container').text() would produce the following result:

Demonstration Box list item 1 list item 2

But is there a function like

$('Demonstration Box').id() would produce:

Demo-box

(I know that obviously the above is totally wrong and not how jquery works, but I hope it explains what I need to do!)

talkingne..

Re: Getting the attributes of a div?

12 years ago

OK, got it:

the solution is.... $("a.jplayer_playlist_current").attr("id");

Top Reply

Response title

Attachments

jQuery Forum

Getting the attributes of a div?

Replies(4)

Re: Getting the attributes of a div?

Re: Getting the attributes of a div?

Re: Getting the attributes of a div?

Re: Getting the attributes of a div?

Statistics

Tags

Actions