$("#header2").children("p.submenu");
or
$("#header2").find(".submenu");
or make use of context:
$(".submenu", "#header2");
- read that as "all items with class of .submenu under the #header2
object". The "#header2" part can be a selector, DOM element, or jQuery
object.
HTH
Shawn
Liam Potter wrote:
header2obj.children().children().children("#submenu");
chitgoks wrote:
hi, i am stumped so i am posting it here. no luck searching google for
many hours
this is my html code
<div id="firstpane" class="menu_list"> <!--Code for menu starts here--
<p id="header1" class="menu_head">Header-1</p>
<div class="menu_body">
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
</div>
<p id="header2" class="menu_head">Header-2</p>
<div id="header2_menubody" class="menu_body">
<div id="pane" class="menu_list">
<p id="submenu" class="menu_head">Sub-Menu</p>
<div class="menu_body">
<a href="#">Sub Link-1</a>
<a href="#">Sub Link-2</a>
<a href="#">Sub Link-3</a>
</div>
</div>
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
</div>
<p id="header3" class="menu_head">Header-3</p>
<div class="menu_body">
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
</div>
</div> <!--Code for menu ends here-->
if i have access to the object id "header2" how can i get access to
id="submenu" ?
i tried header2obj.children('.menu_head') but it doesnt work. thanks