jQuery path
jQuery path
<html>
<head>
<script type="text/javascript" src="jQuery-1.7.min.js"></script>
<script type="text/javascript" src="demo1.js"></script>
</head>
<body>
<li id="nav_upcoming">
<a id="upcum">Upcoming</a>
<div id="list" style="width:140px; display:none;">
<ul>
<li><a id="weekend" href="#">This Weekend</a></li>
<li><a id="next" href="#">Next Thirty</a></li>
</ul>
</div>
</li>
</body>
</html>
//demo1.js
;(function($){
$(document).ready(function(){
$("#upcum").mouseover(function(){
$("#upcum").next("div").show();
});
$("#list").click(function(event){
$("#list li a").each(function(){
//alert($(this).text());
var $parent = $(this).parent().parent().parent().siblings().text();
alert($parent+" : "+$(this).text());
});
});
});
})(jQuery);
i need the output to be as
on clicking "This Weekend" => Upcoming : This Weekend
on clicking "Next Thirty" => Upcoming : Next Thirty