Accessing Child Elements

haripriya.yerra

Hi,

i have a html like below

<div id="menu">
<ul>
<li id="open" enabled="false">
<a href="#">Open...</a>
</li>
</ul>
</div>

<div id="menu1">
<ul>
<li id="open" enabled="false">
<a href="#">Open...</a>
</li>
</ul>
</div>

now i want know the list item open is enabled or not in 'Menu div' ( Not in Menu1 div )

i can check like this if it is only one unique id _listItem("novadrive-mnu-accesssettings").getAttribute("enabled")

but its not, so i need to check with related parent element, so is there any option to get like below

_alert(_div("menu").listItem("Open").getAttribute("enabled"));

please help me.

Thanks and Regards,
Priya.

narayan

Have a look at DOM relations _in and _near described here: http://sahi.co.in/w/browser-accessor-apis

In your case, use:

_alert(_listItem("Open", _in(_div("menu"))).getAttribute("enabled"));

Regards,
Narayan

haripriya.yerra

Thanks for the response, its working fine when that enabled attribute binds to the tag before loading only, if i am trying to bind dynamically to the tag its returning null value for the enabled attribute.


example:

<li id='open' enabled='true'>open</li> -> here working fine


<li id='open'>open</li>
$('#open').attr('enabled', 'true');

in this case its not working.

narayan

You code seems to be working fine for me on IE and FF.

Btw, it is better to assert properties which are visible to the user. Checking for a property which is code specific may not be a real functional test.

haripriya.yerra

thanks for the response, its working fine.