Some time ago, Insus.net has modified a function "Activate Current View menu highlighting" http://www.cnblogs.com/insus/p/5287093.html
Today Insus.net wants to use a different method to implement, using jquery.
In the ASP. NET MVC Environment implementation:
Code:
<ul> <Li><ahref="#">Malaysia (2)</a></Li> <Li><ahref="#">Thailand (0)</a></Li> <Li><ahref="#">Philippines (2)</a></Li> <Liclass= "Active"><ahref="#">China (0)</a></Li> <Li><ahref="#">Hong Kong (0)</a></Li></ul>
$ (function () { $ (' ul li a '). Click (function () { $ (this). Parent (). addclass (' active '). Siblings (). Removeclass (' active '); });
In the jquery syntax, a siblings () method is used, which is all sibling elements, all siblings, or all neighbor elements.
That is to say all the same elements, only one element uses the active style. If other elements are used, they will be removed.
Dynamic Demo:
jquery Dynamic Settings Style list item