Question

How would i go about getting the index position number of one of the nested LI s? I can get the topnav index s but cannot seem the children index number of the subnav(s).

I would like to create the selector dynamically to target the subnav based on the index of the topnav.

<div id="nav_container">
    <ul id="topnav">
        <li><a href="#a">menu item 0</a>
            <ul id="subnav0">
                <li><a href="#">sub menu item</a></li>
                <li><a href="#">sub menu item</a></li>
                <li><a href="#">sub menu item</a></li>
                <li><a href="#">sub menu item</a></li>
                <li><a href="#">sub menu item</a></li>
            </ul>
        </li>
        <li><a href="#a">menu item 1</a>
            <ul id="subnav1">
                <li><a href="#">sub menu item</a></li>
                <li><a href="#">sub menu item</a></li>
                <li><a href="#">sub menu item</a></li>
            </ul>
        </li>
        <li><a href="#">menu item 2</a></li>
        <li><a href="#">menu item 3</a></li>
     </ul>
</div>

My j Query Code

 //Event Handler
 function nav_execute(){
    var _index = $( #topnav > li ).index(this);//Returns index number of topnav item selected
    var _subnav =  #subnav + _index.toString();
    var _selector = _subnav +   > li .toString();//the subnav selector
    var _subindex = $(_selector).index();//gets total num of index s
}

//Binded event
$( #topnav > li ).bind( click , nav_execute);

Answer 1

This code seems to have solved my problem. This checks the parent  id  and then performs a simple conditional statement to determine which nav was clicked. It then stores the index(s) to their master vars.


 function nav_execute(e){

    var id = $(this).parent().attr("id").toString();

    if(id == "topnav"){
        _index = $(this).index();
        _subindex = null;
    }else{
        _index = $(this).parent().parent().index();
        _subindex = $(this).index();    
    }

    console.log( _index:   + _index);
    console.log( _subindex:   + _subindex);

    return false;   
}


$( #topnav > li ).live( click , nav_execute);


Thanks for the help from everyone!

Answer 2

我确信我确实不理解你的目标,试图用以下方式取代你的 j:

$( #topnav  li ).bind( click , function (){
  alert($(this).index());   
});

See the full example here (this isn t a solution. It is a way to see which elements are firing events and in which order).

Answer 3

因此,I THINK你试图说,我想要拿到“N'sul”中的任何东西被点击?

如果是你试图做的事,那么这项工作就应当发挥作用。

//Event Handler
 function nav_execute(){
    var $subNav = $(this).find("ul");

    //I m not sure what you are trying to do here so im not going to change the functionality
    var subindex = $subNav.index();//gets total num of index s
}

//Binded event
$( #topnav > li ).bind( click , nav_execute);

http://www.un.org。

Per your comment here is a jsfiddle of what you want: http://jsfiddle.net/wuFB7/4/

你们只能为那些被nes住的人创造选择权。然而,由于你说,它们是动态生成的,因此我将“.bind”改为“.live”,因为这将使事件处理者能够把最初的页码负荷后产生的内容放在一起。

友情链接