jQuery动态设置样式List item

前段时间,Insus.NET有修改一个功能《激活当前视图菜单高亮呈现http://www.cnblogs.com/insus/p/5287093.html

今天Insus.NET想改用另外一个方法来实现,使用jQuery。

在ASP.NET MVC 环境实现:

代码:

<ul>
    <li><a href="#">Malaysia (2)</a></li>
    <li><a href="#">Thailand (0)</a></li>
    <li><a href="#">Philippines (2)</a></li>
    <li class="active"><a href="#">China (0)</a></li>
    <li><a href="#">Hong Kong (0)</a></li>
</ul>
 $(function () {
        $(‘ul li a‘).click(function () {
            $(this).parent().addClass(‘active‘).siblings().removeClass(‘active‘);
        });
    });

jQuery的语法中,使用了一个siblings()方法,这是所有同胞元素,所有同级元素或所有邻居元素。
即是说所有相同的元素中,只有一个元素使用active这个样式。如果其它元素有使用的将被移除。

动态演示:

时间: 2024-10-09 11:17:27

jQuery动态设置样式List item的相关文章

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

Silverlight C#动态设置样式

1.从页面资源中获取样式并应用 btnTest.Style = (Style)this.Resources["BigButtonStyle"] 2.从项目中单独分开的资源字典文件(或一个引用的程序集中)中获取样式. 首先,需要创建一个ResourceDictionary对象并提供正确的URI: ResourceDictionary dictionary = new ResourceDictionary(); dictionary.Source = new Uri("/Test

Jquery动态设置下拉框selected --(2018 08/12-08/26周总结)

1.Jquery动态根据内容设置下拉框selected 需求就是根据下拉框的值动态的设置为selected,本以为很简单,网上一大推的方法,挨着尝试了之后却发现没有一个是有用的.网上的做法如下: <select id="selectID "> <option>选择A</option> <option>选择B</option> <option>选择C</option> </select> //

js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

jquery动态设置图片路径和超链接href属性

js document.getElementById("myImage").src="hackanm.gif"; jquery $("img", $(this)).attr("src", "../images/select.JPG"); 改变超链接属性类似 jQuery $('#loga').attr("href","#bottomlogin") 原文地址:https

GridView动态设置Item的宽高 第一个Item不显示的问题

在viewpaper中添加了一个Gridview,每个viewpaper要正好铺满显示3X2个,由于girdview是纵向可扩展的,所以我需要动态设置Gridview中item的高度,来确认铺满. 遇到的问题:Gridview中第一个item不显示 动态设置Item的高度只需要在adapter的getView方法中 使用parent的宽高进行重新计算就行了 废话不多说,直接上代码 <pre name="code" class="java">@Overri

【Android疑难杂症】GridView动态设置Item的宽高导致第一个Item不响应或显示不正常的问题

前言 这个问题在之前做一个盒子项目时遇到过,最近又遇到了,使用GridView遇到的非常奇葩的问题,这里记录分享一下. 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 正文 一.问题 1.1 先看问题代码: @Override    public View getView(int position, View convertView, ViewGroup parent) {     

用Jquery动态append方式加入标签时Css样式丢失的解决方法

一般在Jquery中会用下面的方式来添加新标签: var obj = "<fieldset data-role='controlgroup' data-type='vertical' data-role='fieldcontain'> <input id='menu0" type='checkbox'/><label for='menu0'> 复选框 </label> </fieldset>";  //按个人要求拼接

android自定义控件,动态设置Button的样式

今天来看一个通过重写Button来动态实现一些效果,如圆角矩形.圆形.按下改变字体,改变背景色,改变背景图等 在此说明一下,这种实现方式绝对不是唯一的,而且通过xml文件即可简单实现,这样做只是为了将控件的样式完全由代码实现,更方便打包应用于其他项目 下面来看几张效果图:   图1 初始状态                                            图2 按下第一行的TEXT0    图3 按下第二行的TEXT1                         图4