遍历ul下的li的点击事件给予class样式属性

最新推荐文章于 2022-04-28 08:15:28 发布
最新推荐文章于 2022-04-28 08:15:28 发布
阅读量7.6k 收藏 2
点赞数
分类专栏： web开发基础 文章标签： 遍历 class JQ遍历li
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/my_God_sky/article/details/53606963
版权 


                        <dd>
                            <ul class="choose-list clearfix">
                                <li value="1" class="list-item task_type_item">下载</li>
                                <li value="2" class="list-item task_type_item">注册</li>
                                <li value="3" class="list-item task_type_item">绑卡</li>
                                <li value="4" class="list-item task_type_item">开户</li>
                                <li value="5" class="list-item task_type_item">购物</li>
                                <li value="6" class="list-item task_type_item">分享</li>
                            </ul>
最低0.47元/天 解锁文章
_南天北落
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
对ul 下的li标签执行点击事件
qq_27740983的博客
07-26 2万+
问题来源：做项目时，一般的数据都是用循环动态的加载出来的，结构都是一样的，只是绑定的值不同，如何对相同的标签做处理。 点谁就显示谁的值：      1 2 3 4 1、如果没有class属性的时候 在相同的标签外部（随便找一个即可，需要包裹所有的相同标签） （ul包裹了所有的li，on里面的第一个参数：需要做的事件类型，第二个参数：对谁做执行
jquery 使用each 遍历标签元素，修改标签内容
蟠龙有悔的专栏
01-12 5688
function choose_customer(){ $('[nctype="btn_add_customer"]').each(function(index){ if(!$(this).attr('data-customer_id')){ $('[sort='+index+']').removeClass('ncsc-btn-green'); //alert($(thi
js循环遍历ul中li的点击事件，给给选中li添加css
热门推荐
感恩、奋进、自信
09-11 3万+
功能：对于一个ul中固定的li个数，当点击其中一个li时，改变选中li的颜色；同时改变对应的另一个ul中li的颜色页面初始化的界面：HTML： &lt;div &gt; &lt;label&gt;其他推荐:&lt;/label&gt; &lt;ul&gt; &lt;li c...
列表，ul li点击时添加类名，其他兄弟删除
何先生的博客
02-24 698
<template> <div class="agency"> <div class="agencySelect">是否代理</div> <ul> <li v-for="(item, index) in agencyS...
js循环给li绑定事件实现 点击li弹出其索引值 和内容的方法
04-07
js循环给li绑定事件实现 点击li弹出其索引值 和内容的方法
Jquery和JS获取ul中li标签的实现方法
11-24
在JavaScript和jQuery中，获取`<ul>...这段代码实现了点击`<ul>`中的`<li>`时，显示相应的`<div>`内容，并更新选中的`<li>`样式。通过这种方式，您可以创建具有互动性的用户体验，而无需复杂的JavaScript或jQuery知识。
Angular中点击li标签实现更改颜色的核心代码
08-28
通过这些指令，我们可以轻松地实现li标签的点击事件处理和样式变化。同时，该代码也可以用于实现其他类型的样式变化和事件处理。 在实践中，我们可以根据实际情况灵活地使用该代码。例如，我们可以使用该代码实现li...
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
10-15
在Vue.js中，`v-for`指令用于循环渲染列表数据，而实现点击列表项（li）使其字体变红，可以通过动态绑定CSS类来实现。在这个示例中，我们看到一个包含多个li元素的列表，每个li元素对应于`lists`数组中的一个对象。...
Vue 菜单栏点击切换单个class(高亮)的方法
01-19
添加点击事件toggle()，传入下标参数：@click=”fn1();fn2()” 动态切换classname：:class=”{‘active’:index ==checkindex }”> （class赋予对应下标值的DOM） ps：该方法直接切换class，不需要手动添加清除其他...
初学者，html，ul、li标签
爱星爷爱拉芳的博客
06-23 1306
ul标签 ul标签是非常实用的，例如用户信息，下面一大列，位置一样，字体一样，其他都一样。例如： 或者是导航栏，或者是某某列表，写起来又方便，看起来也很整洁 整个的css是这样的 .left-cate{ margin-left: -17px; } .left-cate ul{ margin-top: 21px; width: 98%; padding-
html循环自动点击事件,js循环遍历ul中li的点击事件，给给选中li添加css
weixin_35879989的博客
05-31 1664
功能：对于一个ul中固定的li个数，当点击其中一个li时，改变选中li的颜色；同时改变对应的另一个ul中li的颜色页面初始化的界面：HTML：其他推荐:10:2110:2210:2510:2810:30剩余红包数:2001501005020在js中定义“其他事件”里面的li点击事件，改变选中li的样式(代码用jquery写的)：// 设置选中的推荐的时间和红包数的背景色和字体颜色// 推荐的时间v...
JQuery 动态给 li 绑定点击事件，动态添加class
Mrs_Yu的博客
02-22 3900
需求： 给 li 里的 a 标签添加点击事件，并为被点击的 li 里的 a 添加 class_cur 属性值 $('#areaUl').on('click', 'a', function(e) { var aLi = $(".showArea"); var i = 0; for (i = 0; i < aLi.length; i++) { aLi[i].classNam...
添加li标签点击事件，删除当前点击li标签
weixin_57772211的博客
04-28 2152
添加li标签点击事件，删除当前点击li标签
新插入ul中的＜li＞标签无法绑定点击事件
shiyue1016的博客
09-21 1685
我做的是搜索框下，关联数据显示 下面是html基本结构。 <input class="search" type="text" value="目的地：北京，上海，深圳" id="search"> <ul class="search-like" id="list-box"> </ul> ul内没有li，通过模板引擎方法插入从后台接收到的数据到ul中； 在给li绑定事件过程中遇到了问题，在外部绑定事件会无效，因为li是后面动态生成的，也就
Vue------循环多个ul与li,给li增加点击事件增加class不影响其他的li
pppp皮卡丘的博客
03-19 1万+
问题描述 如下图一所示循环了三个div,且每个div中又分辨循环了多个span,给span绑定了点击事件，当点击时其他div里面的class.on也会跟着点击的那个移动，如图二所示。 ...
对Ul下的li标签执行点击事件
七色花
08-28 1万+
html:<ul id="test"> <li class="add">北京</li> <li class="add">上海</li> <li class="add">天津</li> <li class="add">广州</li> </ul>1： 不用class属性， 需要包裹所有的相同标签， ul包裹了所有的li。 on里面的参数： 需要的做的事件类型，对谁执行这个事
html给li添加点击事件,jQuery为iframe的body添加click事件的实现代码
weixin_32724679的博客
06-09 462
html结构如下：为body添加click事件function show_body_click(){alert('you are click the body');}jQuery(document).ready(function(){//jQuery("ifr_id").contents().find("body").attr("onclick", "show_body_click()");//a...
js遍历ul的class名字为a的li
最新发布
05-31
可以使用以下代码来遍历 ul 中 class 名为 a 的 li 元素： ```javascript const ul = document.querySelector('ul'); // 获取 ul 元素 const lis = ul.querySelectorAll('li.a'); // 获取 class 名为 a 的 li 元素 lis.forEach((li) => { // 遍历 li 元素 // 在这里编写对 li 元素的操作 }); ``` 其中，querySelectorAll() 方法可以获取所有指定选择器的元素，querySelector() 方法可以获取第一个指定选择器的元素。在这里，我们首先获取 ul 元素，然后使用 querySelectorAll() 方法获取 class 名为 a 的 li 元素，最后使用 forEach() 方法遍历 li 元素并进行操作。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值