Question

How can I get attributes values from an container using jquery ?

For example:

I have container div as:

<div id = "zone-2fPromotion-2f" class = "promotion">

here how can I get attribute id value using jquery and than how can I trim the value to get component information ?

update : how can i get attribute values ?

UPDATE: If I have multiple components on page with same div information than how would I know what attribute value is for which component ?

Thanks.

Answer 1

First, that seems to be a ridiculously long ID — I’m sure it could be made much shorter while still retaining its uniqueness.

Anyway, on to the answer: First you need a way of accessing your “container” div. Typically, one might use a class or ID to get an element. For example, you could “select” this div with the following call to jQuery:

var container = jQuery('#zone-3a...'); // Fill in ... with really long ID

But, since you’re asking how to retrieve the ID, I’m presuming that selecting it via the ID is not an option. You could also select it using the class, although it’s not guarenteed to be the only element on the page with that class:

var container = jQuery('.promotion');

There are other ways to narrow down the search, such as:

jQuery('div.promotion');
jQuery('div.promotion:first');

Once you have a reference to your “container”, you can retrieve the ID like so:

container.attr('id'); // => zone-3a...
// or:
container[0].id; // => zone-3a...