JQuery - 如何为每个列表项添加一个类？
在 jQuery 中，为每个列表项添加一个类，可以使用 addClass 方法。首先，需要选择所有的列表项，然后为它们添加一个类。假设列表项的 HTML 结构如下：
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>要为每个列表项添加一个名为 myClass 的类，可以使用以下 jQuery 代码：
$("#myList li").addClass("myClass");这将为所有列表项添加 myClass 类，结果如下：
<ul id="myList">
<li class="myClass">Item 1</li>
<li class="myClass">Item 2</li>
<li class="myClass">Item 3</li>
</ul>在这个例子中，我们使用了 #myList li 选择器来选择所有的列表项，并使用 addClass 方法为它们添加了一个类。这样，我们就可以为每个列表项添加一个类。
相关·内容
1回答
计算特定列表项的行和列
、、、、
例如:我在一个ul列表中有9个列表项。li项具有float:left (css)，在3列中可见。list item 4 list item 5 list item 6我想指出的是，我已经将每个列表项的编号添加为类名，因此可以识别每个项目。是否可以(通过php、javascript、jquery等)计算3列
浏览 2提问于2013-06-17得票数 0
回答已采纳
1回答
快速概述:4列，每列都有自己的ul.category，包含所有可用的类别，ul.filter是ul.category中每个列表项应该去的地方。所有这些东西都应该留在那栏里。this).removeClass("selected").addClass("unselected");});
而html，这只是一个列<li class="unsele
浏览 7提问于2012-10-08得票数 2
回答已采纳
3回答
我正在尝试添加一个类'active‘到父列表项，如果它的一个子类有'active’类。ul> <li><a href="#">Link2</a></li>
<li class="parent"><a href="#">Link3</a><&
浏览 0提问于2012-12-14得票数 3
回答已采纳
我正在尝试创建一个按钮，单击该按钮时会创建一个列表项，并将其添加到现有列表中。我正试图通过使用JQuery来实现这一点。我非常希望在列表项上使用bootstrap，并使用bootstrap类将<span>标记附加到每个列表项。在添加span标记和为每个列表项分配id以供以后使用时，我遇到了问题。按钮： <button onclick="AddItem(&
浏览 8提问于2020-06-25得票数 0
回答已采纳
使用jquery，我希望在第三个列表项下添加一个链接，这个链接位于类的第三个列表项下，即类名称底部-col。我想出了如何使用eq(#)，并且我可以追加。我就是不能让这一切都一起工作。举个例子：
浏览 0提问于2019-07-05得票数 0
回答已采纳
1回答
Stackoverflow，编辑:我没有jQuery Tools: Tabs系统的JavaScript/jQuery代码...因为我是从CDN调用的：
这是我在HTML中所拥有的。标签系统将类(current)添加到第<em
浏览 0提问于2012-01-04得票数 0
回答已采纳
3回答
我正在使用jQuery创建一个多个setep表单。目前的功能是有限的-下一步按钮将引导用户成功地转到下一组。我正在尝试实现某种类型的分页，它将向用户显示他们当前所在的页面以及剩下的其他页面。您可以在这里看到一个完整注释的jsfiddle：
理想情况下，我希望当前页面的列表项有一个active类，这样我就可以改变它的样式。当前显示的窗体部分的类为selected。我需要找出一种方法，将active类添加到每个列
浏览 7提问于2012-09-11得票数 0
对不起如果这是一个非常简单的问题，但由于某些原因，我无法做到这一点。我要做的是将activeButton类添加到您单击的每个列表项中，单击和，将activeButton类移除到在单击列表项之前有 activeButton类的列表项中。the underline to be transitioned or animated*/<script src="https://ajax.go
浏览 1提问于2016-02-21得票数 0
回答已采纳
我已经创建了一个jQuery循环旋转木马，它循环通过x个幻灯片。我一直在给这个滑块添加分页。每个点都是与每张幻灯片相关的列表项。当幻灯片一可见时，一号幻灯片的类为current。单击next时，该类将从li number 1中删除，并添加到li number 2中。我遇到的问题是，一旦我遍历了所有列表项，我希望将"current“类添加回第一个列表项--当单击”上一步“按
浏览 0提问于2013-03-29得票数 2
回答已采纳
我试图根据字符串中的特定单词(在本例中为城市名称)过滤出列表项。该列表位于foreach循环中，包含大约45个列表项(例如，城市名称-一些文本)，这些列表项是通过Wordpress添加的。我在包含城市名称的列表之前添加了一个<select>元素作为选项。是否可以过滤出不包含所选值的列表项？
我有一个基于类的过滤器。(".list-item").css("display","
浏览 0提问于2018-07-05得票数 0
我有一个很大的站点，在每个页面上都有一个body类与菜单项的类相匹配。我想要做的是编写一个简单的jQuery函数来检查body类是什么……然后搜索菜单，如果列表项有同名的类，则会将活动类添加到列表项。
body也有几个类。我如何重写它，让它获得body类，然后在页面中搜索具有相同类名的菜单项并添加一个<
浏览 1提问于2014-07-19得票数 0
3回答
另外，我想在结果之前添加文本，上面写着“您已经表示了对以下内容的兴趣：”(换行)然后列出超链接(换行)“请单击链接了解更多信息”。
浏览 1提问于2015-04-20得票数 0
回答已采纳
我有一个项目的动态列表(<ul><li></li></ul>)(三列)$('ul.dynamic').each(function() {});
但是现在我有三列，那么用<e
浏览 2提问于2011-11-20得票数 0
回答已采纳
3回答
我有一个Sharepoint the部件，它不能自定义--它在进入实际数据表之前生成大量的表巢。我希望使用jQuery从每个单元格中刮取数据，并使用类的跨度将其添加到列表项中，以便将其格式化为非真正的表格数据，但sharepoint是如何为页面中需要的变量提供值的；我需要对每一行重复此操作，以创建多个列表项我观察到数据开始于4个疯狂的表，我知道，但这就是MS布局组件的方式，所以我一直针对的目标是：
$('table table table t
浏览 6提问于2016-03-02得票数 1
回答已采纳
我有一个需要使用gridster.js的家庭作业，我希望能够检查列表项的数据行属性是否等于某个值，以及它的数据列属性是否等于某个值。如果它们确实等于所需的值，并且它们的坐标与所需的位置相匹配，我想向该列表项添加一个类“true”。我尝试的代码是这样的：但是，无论位置如何，此语句都
浏览 0提问于2013-05-13得票数 2
点击选择菜单下拉列表中的一个条目不会在触摸时注册，在没有实际选择点击列表项的情况下关闭列表。为了弥补这一点，我使用bind()在创建jQuery UI元素时将类.needsclick添加到jQuery UI元素中(如中所建议的)。这应该是为了确保FastClick不应用于有问题的元素。不幸的是，类只在我打开和关闭菜单一次之后才被添加，所以它只能在第二次尝试选择列表项时起作用，即使在加载页面时就插入了元素。如何确保元素
浏览 0提问于2016-02-23得票数 2
回答已采纳
1回答
我注意到，有些内容滑块不仅在某个页面上的内容之间滑动，实际上还会带您到另一个http，但是看起来只是在同一个页面上滑动内容。这里是一个例子网站
这是如何实现的？另一页实际上正在被访问吗？
浏览 3提问于2013-11-18得票数 0
回答已采纳
我有动态输入框，有时间输入和文本输入，我想显示为列表项，并且希望在表的一个列中插入值。如何为具有两种不同数据类型时间和文本的列表项添加多个输入??
浏览 2提问于2021-04-29得票数 1
回答已采纳
2回答
使用悬停/单击切换列表项
、、、、
我正在尝试完成一些有几个不同元素的东西，每个元素我都可以单独工作，但当我试图将它们组合在一起时，我什么也得不到。3)点击同一列表项，解锁描述div <ul>
<li><a href="
浏览 0提问于2011-04-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
