ansaurus

Question

How to return Element ID instead of [object HTMLDivElement] (Prototype.js)

Answer 1

+2 A:

var ids = $$('div.basic').collect(function(el) { return el.id; }); //array of ids

alert(ids.join(','));

collect is another name for map, which is allows you to transform the elements one type of collection into another type by applying a "selector" function to each.

ifwdev 2009-02-23 00:47:03

Just to be pedantic: you don't need the ".join(',')" part. Browsers seem to do automatically when alert()ing arrays, as the askers example shows.

Crescent Fresh 2009-02-23 01:03:48

I was pretty sure of that but I figured I'd play it safe rather than post non working code. That and I was too lazy to check :)

ifwdev 2009-02-23 15:01:04

Answer 2

+1 A:

alert($$('div.basic').invoke('identify').join(',');

The invoke will call a function by name. The identify function will provide the id. When called on an array it will return an array of their ids. Join turns them into a string with commas in between.

Paulo 2009-02-23 15:11:52

Answer 3

A:

I had the same problem, there is a simple solution :

If varElement is your object containing a [HTMLDivElement] (or other DOM object) simply add '.id'

e.g.

varElement.id

Konrad 2009-03-06 15:20:18

Answer 4

A:

There's an optimization in prototype specifically for this:

$$('div.basic').pluck('id')

If I read your question right, you want a list of div IDs, rather than a string of ids separated by a comma.

Jarret Hardie 2009-03-06 15:31:59

Answer 5

A:

Konrad's solution works for me. It gets me the id, title, etc. (Wish I could vote 'up')

Filip Karnicki 2010-10-15 16:23:30

ansaurus

tags:

views:

answers:

How to return Element ID instead of [object HTMLDivElement] (Prototype.js)

related questions