Forums

Hi all


How do i get the parent node ID of <a> element with event delegation in yui2 ?


The Dom:


Javascript:

I do not have to use the delegate function from yui2, but it would fit nicely, if I know how to fetch the parent id from <a> element.

There is most certainly more than on way to solve a problem.

If I have to mix yui3 and yui2. I'll do it.
yui2 is mandatory for data table so there will be yui2 anyway.

Thanks for the reply Kaias26.

use('console')

then Y.log(object) can be a bit more informative, especially if you are using Chrome or Firefox

And the answer is:

matchedEl.parentNode.id;

thanks to all for the hints.

I'd like to extend on this, I'm stuck with YUI 2.8.1 (stuck with, haha, YUI 2.8.1 is awesome!!!).

I have a situation where I have a container element with a listener on it, and no matter what is clicked - the container or its children - I need to reliably access the container element in the callback when the event is fired.

When I click on a nestedElement, currentTarget == nestedElement. -- this isn't what I want. Sure, parentNode is fine when I know the nesting depth is 1. In my case it could be 2, or maybe even more (<div id="container"><a><img /></a></div>).

So I tried delegation, using the * selector; ye.delegate('container', 'click', this.handleSelection, '*');, and where it works nicely when a nested element of any depth is selected, it surprised me when it did not fire at all when I selected the container itself. I figured maybe it might at least return the 'container' arg as just being itself.

Is the ability to return the 'container' arg as itself when it is itself clicked a configurable option? Is it possible? Is there another solution?

Many thanks, hope this post gets picked up!


cheers,
d