Retrieving Data From Parent Element

Question

<ul id="menu">
    <li data-main="1">
        <a href="/controller/action"></a>
        <ul data-submenu="1">
           <li><a href="/controller/action"></a></li>
        </ul>
    </li>
</ul>

Someone clicks on the inner anchor element. How do I retrieve the data-submenu value and the data-main value?

tymeJV · Accepted Answer · 2013-11-20 18:57:14Z

1

Something like:

$("#menu a").click(function() {
    var submenu = $(this).closest("ul#menu").find("[data-submenu]").data("submenu");
    var main = $(this).closest("ul#menu").find("[data-main]").data("main");
});

edited Nov 20, 2013 at 18:57

answered Nov 20, 2013 at 18:48

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

7 Comments

tymeJV Over a year ago

@A.Wolff -- Haha...ohhh yess

talemyn Over a year ago

But, now it's also bound to the outer <a> as well. ;)

A. Wolff Over a year ago

@talemyn OP's question is quite confusing concerning that :(

talemyn Over a year ago

Yeah, definitely need some more details to give exactly the right answer. I took "Someone clicks on the inner anchor element" to mean the lowest level <a> in his sample code, but it's definitely a little ambiguous . . .

tymeJV Over a year ago

I should really look at the code closer, didn't even notice that second a on the outer.

|

Rajaprabhu Aravindasamy · Accepted Answer · 2013-11-20 19:03:47Z

0

Since you were asked to retrieve the values while clicking on the inner anchor element, I just given the code accordingly. Actually this complication in selecting that anchor element can be removed by providing an id to it.

Reason for using the cache variable(xFirstLevel) : In order to reduce the unnecessary dom traversal.

Try this out,

$("#menu li li > a").click(function(){

    var xFirstLevel = $(this).closest("ul");

    alert(xFirstLevel.data('submenu'));
    alert(xFirstLevel.closest('li').data('main'));

});

DEMO

edited Nov 20, 2013 at 19:03

answered Nov 20, 2013 at 18:58

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

1 Comment

Fred Chateau Over a year ago

Thank you, That's what I was looking for. Not very familiar with closest(). I'll have to familiarize myself with it.

Collectives™ on Stack Overflow

Retrieving Data From Parent Element

2 Answers 2

7 Comments

DEMO

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related