Search jQuery

jQuery Forum

Using jQuery

koichirose

Variable scope?

in Using jQuery • 14 years ago

This may be a simple one....

: $(".single").hover( function () { var oldtext = $("#star").text(); $("#star").text("help"); }, function () { $("#star).text(oldtext); } );

Obviously, oldtext is not seen in the hover out action... how do make it visible?

Also, being .single a <li> (part of one of many <ul>), is there a way to get the index number of the ul containing it? The <li> all have the same class (.single)

Thanks!

Replies(4)

zuquirio

Re: Variable scope?

14 years ago

Hi koichirose,

To make you variable visible you may declare your variable outside the anonymous parameters function, i.e.:

: var oldtext; $(".single").hover( function () { oldtext = $("#star").text(); $("#star").text("help"); }, function () { $("#star).text(oldtext); } );

I've no tried this yet, but I'm pretty sure it will work. Let me know your results.

zuquirio

Re: Variable scope?

14 years ago

Hi koichirose,

About ul and li you may test this snippet code:

: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>mariuzzo - jQuery ul li</title> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript"> $(function() { var container = 'ul.container'; var li = 'li.single'; $(container).find(li).click(function(){ var parent = $(this).parent(); var index = 0; while (!$(parent).is(container)){ parent = $(parent).parent(); index++; } alert('index: ' + index); }); }); </script> </head> <body> <ul class="container"> <li class="single">hi</li> <li class="single">hi</li> <li class="single">hi</li> <li class="single">hi</li> <ul> <li class="single">hi</li> <li class="single">hi</li> <li class="single">hi</li> <li class="single">hi</li> <ul> <li class="single">hi</li> <li class="single">hi</li> <li class="single">hi</li> <li class="single">hi</li> <li class="single">hi</li> </ul> </ul> </ul> </body> </html>

Basically, there is several inner uls and li, when you click one, you will get the index. If you need some help just reply me.

koichirose

Re: Variable scope?

14 years ago

Thanks for the variable scope solution, it worked!

For the second issue though, I have multiple uls like this: ul li li /ul - ul li li /ul, not one inside another...

I partially solved by getting the li index and dividing by 5 (5 li per ul), but I wanted something nicer maybe...

Thank you!

koichirose

Re: Variable scope?

14 years ago

Actually, that workaround isn't working around anymore... I really need the exact parent index:

: $(".single").hover( function () { var num = $(this).parent().index(); var oldtext = $("#star").text(); $("#star").text("help"); }, function () { $("#star).text(oldtext); } );

So single is a li inside a ul, so num should be the parent (the ul) index...right? But num is always -1.... why?

Thanks!

Top Reply

Response title

Attachments

jQuery Forum

Variable scope?

Replies(4)

Re: Variable scope?

Re: Variable scope?

Re: Variable scope?

Re: Variable scope?

Statistics

Tags

Actions

Related Posts