jquery选择每n个li元素并为其添加样式

最新推荐文章于 2022-01-19 23:24:22 发布

原创最新推荐文章于 2022-01-19 23:24:22 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

JS/Jquery/json/ajax 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用jQuery选择器为类名为clist下的所有为3的倍数的li元素添加名为nones样式的技巧。

//为类名为clist下的所有为3的倍数的li元素添加样式nones
$(".clist li:nth-child(3n+3)").addClass("nones");

页面输出效果如图所示：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大海哪蓝

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

jQuery使用addClass()方法给元素添加多个class样式

10-24

主要介绍了jQuery使用addClass()方法给元素添加多个class样式的方法,实例分析了addClass方法的使用技巧及添加多个样式的实现方法,需要的朋友可以参考下

jQuery实现为LI列表前3行设置样式的方法【2种方法】

10-21

`:nth-child(1)`选择器则选取`#newlog`下的第一个LI元素，然后通过`a`标签选择器进一步指定要改变样式的链接元素。这种方法简单直观，但需要注意的是，`nth-child`在Internet Explorer 6到8版本中不被支持。方法二...

参与评论您还未登录，请先登录后发表或查看评论

juqery追加li_jquery给li添加样式

weixin_33901614的博客

01-27

340

aaaaaaabbbbbbbcccccccdddddddeeeeeeul{list-style:none;}li{float:left;margin-right:20px;background-color:}.blue{background-color:blue;}.red{background-color:red;}$(function(){$('li').each(function(){...

列表循环添加样式的方法

memoryI的博客

12-11

911

第一种 <ul> <li v-for="index in 6" :class="'item'+index">XXXXXX</li> </ul> 第二种 <li v-for="item in list" class={'classA': item.type === 'type1', 'classB': item.type ===...

JQuery实现点击li标签改变样式class

热门推荐

qi_ming88的博客

03-06

2万+

本文主要介绍JQuery实现点击li标签改变样式class，即点击li标签会取消当前的样式，然后赋给点击的li的样式。思路：对所有的 li的标签添加点击事件，然后利用siblings([expr])取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选，去除同辈的样式，然后在给当前点击的li标签添加样式。测试代码如下：<%@ page languag...

Jquery单击每个li改变样式

weixin_46409887的博客

03-29

1312

//图片如下: //css <style> *{margin: 0;padding: 0;} div{ min-height: 700px; } .main{ width: 80%; height: auto; min-height: 700px; margin: 0 au...

jquery子元素过滤选择器使用示例

10-27

// 为每个li的第一个子元素添加class1样式 ``` `:only-child`选择器用于选择那些没有兄弟元素的元素。当一个元素是其父元素中唯一的子元素时，这个选择器就能选中它。例如： ```javascript $('li:only-child')....

jQuery Selectors(选择器)的使用(七、子元素篇)

12-11

这会为每个UL的第一个子元素添加"class=start-marker"，最后一个子元素添加"class=end-marker"，方便在CSS中定义特定的样式。 `:only-child` 选择器的例子可能在处理具有独特结构的HTML时很有用，比如： ```...

jQuery实现获取元素索引值index的方法

10-21

6. jQuery的CSS样式应用：通过CSS设置了按钮和盒子的样式，使得点击不同的按钮会切换对应盒子的可见状态和背景颜色。 7. jQuery的DOM结构操作：通过HTML结构的设置，确保每个按钮点击时能正确地切换对应盒子的显示...

jQuery子属性过滤选择器用法分析

12-02

例如，`$("ul li:nth-child(4)")`将选取所有`<ul>`元素下的第四个`<li>`元素（索引值从1开始），并将其文本颜色设为红色。 ```javascript $("ul li:nth-child(4)").css("color", "red"); // 第5个元素，因为索引从1...

关于原生js给当前点击的li标签添加类名

Benz_s600的博客

04-14

4995

1.先获取到当前所有的li标签 2.再循环给每个li绑定点击事件 3.再次循环所有的li标签，可以先清空所有的类名，也可以添加一个默认的类名 4.给当前点击的li添加类名 tips:this的指向就指向当前点击的li var li = document.querySelectorAll('.el-menu--inline li'); for (var i = 0; i < li.lengt...

jQuery常用方法总结

s_kcx_s的博客

10-19

492

JQqeury常用方法总结仅总结一些平时中常用的，方便自己看一. 选择器元素选择器 1.$("#myid") 选择id为myid的所有元素 2.$(".myclass") 选择class为myclass的所有元素 3.$("li:eq(3)") 选择索引为3的li元素 4.$(".myclass").children() 选择class为myclass下面的所有直接子元素 5.$(".myclass").parent() 选择class为myclass的第一个父元素 6.$(".myclass")

操作jQuery

li_ding_ding的博客

01-19

639

jQuery02 复习 DOM的零散知识阻止默认事件:event.preventDefault() 超链接a标签自带 href属性, 点击之后会进行跳转. 给a标签绑定事件则通常要阻止自带的 href 跳转操作问题点: 书写外部的js文件给其他伙伴使用, 引入时要防御使用者带有href的情况阻止冒泡: event.stopPropagation() 监听页面滚动: onscroll 读取滚动距离: document.documentElement.scrollTop || docum

jQuery实现li选中效果

Se7en's Blog

11-25

8224

描述：点击当前li 改变它的背景颜色,其他li不变$("ul li").click( function() { $(this).css("background","#99CCFF").siblings().css("background","#ffffff"); });

jquery --为当前 li下的a 添加样式

凌风的博客

05-04

2531

为当前 li下的a 添加样式 html: &lt;ul id="head_nav_ul"&gt; &lt;li class="head_nav_li"&gt; &lt;a href="/products" class="product_li

巧用css去除第一个元素或最后个元素的样式

萌萌的It人 www.itmmd.com

05-26

1万+

很多人可能都碰到这样一个情况： style> .test li{ float:left; border-right:1px solid #ccc; 　　 width:100px; 　　 height:100px;　　　　 } 这样就会出现三条右边框，在实际运用中最后条边框是需要去掉的。这里为大家

【jQuery】需求：需要在第n个ul下的第n个li添加一个class属性

wjx_jasin的博客

04-18

3410

代码：<ul id="ul${a_index+1}"> <li></li> <li></li> <li></li> <li></li> <li></li&am

掌握JQuery选择器：初学者的详细讲解

在JQuery中，选择器允许我们通过不同的方法选取页面上的元素，从而可以轻松地为它们添加事件、更改其样式、修改内容等等。基础的JQuery选择器包括元素选择器、类选择器、ID选择器、属性选择器等。选择器可以单独使用...