Jquery's tab label practices

$ (Function () {var $ div_li = $ ("# tab-tt ul li"); $ div_li.click (function () {$ (this ). addClass ("active2") // highlight the current <li> element. siblings (). removeClass ("active2"); // remove the highlighted var index of <li> elements of other peers = $ div_li.index (this ); // obtain the index of the currently clicked <li> element in all li elements. })})

The page code is as follows:

<Div class = "orderChooseNav fn-clear mb10" id = "tab-tt"> <ul> <li id = "01" <li id = "02" <li id = ""03" <li id = "04" <li id = "05" <li id = "06" class = "active2"> <a href = "#"> all </a> </li> </ul> </div>

This article from the "Blue Ocean" blog, please be sure to keep this source http://xqsea.blog.51cto.com/5628704/1297574