Question

I know it is ugly, but I need to find out how to get the attribute of <a> tag, of each <li> that has a <span> with class jqx-checkbox-check-checked, if the <li> contains another set of <ul><li>. Only direct <span> will be check for the desired class(jqx-checkbox-check-checked)

This is the code sample:

<li>
    <span></span>
    <div>
        <div>
            <div class="jqx-checkbox-default jqx-rc-all">
                <span  class="jqx-checkbox-check-checked"></span>
            </div>
        </div>
    </div>
    <span class="jqx-rc-all jqxtree item">
        <a href="5.1"><b style="color:black"> item1</b></a>
    </span>
    <ul class="jqx-tree-dropdown" >
        <li >
            <span class="jqx-tree-item-arrow-collapse jqx-disableselect"></span>
            <div class="chkbox jqx-checkbox">
                <div>
                    <div class="jqx-checkbox-default jqx-rc-all">
                        <span  class="jqx-checkbox-check-checked"></span> 
                    </div>
                </div>
            </div>
            <span class="jqx-rc-all jqx-tree-item">
                <a href="5.1.1"> item2 </a>
            </span>
        </li>
        <li >
            <span class="jqx-tree-item-arrow-collapse jqx-disableselect"></span>
            <div class=""><div>
            <div class="jqx-checkbox-default jqx-rc-all" >
                <span class="jqx-checkbox-check-checked"></span>
            </div></div></div>
            <span class="jqx-rc-all jqx-tree-item">
                <a href="5.1.2"><b style="color:black"> item3</b></a>
            </span>
        </li>
    </ul>
</li>
</ul>
</li>

I know it is not simple! but if someone can show me the right jquery approach, I will be more then grateful

Answer 1

I dont fully understand your question – but I think you need to have a read of the following jQuery methods :

• closest()
• next()
• find()

Using a combination of those you might be able to get a handle on the object you need

Done it :

$('.jqx-checkbox-check-checked').each(function(){
    alert($(this).parent().parent().parent().next().find('a')
          .attr('href'));
});

Working example : http://jsfiddle.net/manseuk/CEYXc/

Your HTML is all over the place …