给一个ul列表中点击到的li赋予样式

2019独角兽企业重金招聘Python工程师标准>>>

效果如下，点那个那个获取样式,之前已经有样式的取消。

代码如下，我是在菜鸟教程上在线编辑的，所以就这样喽~

if判断不加也行

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<style type="text/css">
.type
{font-weight:bold;font-size:xx-large;
}
</style>  <script>
$(document).ready(function(){$("li").click(function(){$("li").each(function(){if($(this).attr("class")!=null)$(this).removeClass("type");});$(this).addClass("type");});});
</script>
</head>
<body>

<ul>
<li class="type">Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>

</body>
</html>

转载于:https://my.oschina.net/zjllovecode/blog/1582113

给一个ul列表中点击到的li赋予样式相关推荐

对于一个ul列表,单击弹出每个li对应的索引
我们经常会遇见在遍历一个ul的时候,需要获得每一个li的索引值,或者是单击每个li弹出其对应的索引值.这里使用闭包的方式来实现这个常见事件.代码如下所示: <!DOCTYPE html> ...
Power BI：在列表中点击详情按钮跳转到详情页面并传递参数
如下图所示,当点击最后一列的Detail链接,将跳转到详情页面,并查询出对应ReportMonth的详细数据: 图1 主表:dimReportMonth (即图1中用到的表) 详情表:factCost ...
html中如何写一个提示框,html弹出公告 html中点击列表文字弹出提示框？
怎么在网页制作中给主页设置弹出公告,要CSS布局HTML小编今天和大家分享在主页打... 无标题文档 45565 把style属性加给你的弹窗标签就可以了,宽高位置均可变. 哪位前辈高手有html的窗 ...
unity3d中点击一个物体控制另一个物体的消失与显现
unity3d中点击一个物体控制另一个物体的消失与显现实现效果如下,可以设置被控制物体的初始状态. 实现步骤如下: 1.在Hierarchy建立两个物体,一个是控制物体,一个是被控制物体,可以自由命 ...
react中点击一个会触发全部渲染出来的的点击事件的情况（初学者）
react中点击一个全部触发的情况(初学者) 第一步可以把visable 定义成一个空的数组visible: [] 第二步当我们拿到这个index下标,我们有了下标,又把visable 定义成一个 ...
js对ul列表中的项进行删除
题目要求: 有一个包含数据列表的页面,数据行数不确定.每一行数据都有一个删除按钮,单击删除按钮删除该列数据,请用JavaScript实现该功能. 代码: <script type="t ...
批量删除pdf文档中的注释(是一个网址列表)
问题描述我从网络上下载了一本书,里面的正文内容中时不时的会出现"Download at xxx.com"这样的广告提示,如下图所示: 上面提示性的信息出现在不同的页面上,并且位置 ...
列表标签ul、ol、dl、li
列表标签的种类无序列表标签(ul标签) 有序列表标签(ol标签) 自定义列表标签(dl标签) 无序列表无序列表的各个列表项之间没有顺序级别之分,是并列的.其基本语法格式如下: <!-- ul ...
Android中点击事件的四种写法
Android中点击事件的四种写法使用内部类实现点击事件使用匿名内部类实现点击事件让MainActivity实现View.OnClickListener接口通过布局文件中控件的属性第一种方法 ...

给一个ul列表中点击到的li赋予样式

给一个ul列表中点击到的li赋予样式相关推荐

最新文章

热门文章