Jquery之使用过滤和遍历

最新推荐文章于 2022-08-02 09:24:36 发布
最新推荐文章于 2022-08-02 09:24:36 发布
阅读量1.2k 收藏
点赞数
分类专栏： Jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cgwcgw_/article/details/11180517
版权

1


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>StripingTable</title>
<script src="jquery-1.1.3.pack.js" type="text/javascript"></script> 
<!--将jQuery引用进来-->
<script type="text/javascript">
$(document).ready(function() {
//	$("ul").find("li").each(function(i) {
	$("#orderedlist").find("li").each(function(i) {
// 	和$("#orderedlist li")一样效果
		$(this).html( $(this).html() + " ---cssrain--- " + i );
	});
});
</script>
<style>

.blue {
        background:#bcd4ec;  
}
 
</style>
</head>
 
<body>
<ul id="orderedlist">
<li>a</li>
<li>b</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
<li>h</li>
</ul>


<ul id="ordered">
<li>a</li>
<li>b</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
<li>h</li>
</ul>

<!--
jQuery each( FunctionJavascript 函数 fn要执行的函数 )以每一个匹配的元素作为上下文来执行一个函数
-->
</body>
</html>

2 结果图


静山晚风
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
jQuery 遍历 - 过滤
weixin_57746257的博客
09-28 331
第一部分：介绍方法 （1）first()：获得匹配元素集合中每个元素紧邻的前一个同辈元素。 （2）last()：获得匹配元素集合中每个元素之前的所有同辈元素。 （3）eq()：获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。 （4）filter()：允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回 （5）not()：返回不匹配标准的所有元素 第二部分：代码结构展示 （1）这一张图中的代码是：HTML...
使用JQuery选择HTML遍历函数的方法
11-25
本篇文章将详细解析如何使用jQuery中的选择和遍历函数来高效地操纵HTML元素。 1. `children()` `children()`函数用于获取指定元素的所有直接子元素。如果不提供参数，它将返回所有子元素。然而，如果你传入一个选择...
jQuery整理笔记三----jQuery过滤函数
曹海成的专栏
04-19 3402
六、过滤函数 在前面介绍了许多功能实用的选择器，jQuery在此基础上还拓展了许多功能函数，这些函数作为jQuery对象的方法直接实用，这样就能够在选择器的基础上更加精确地控制对象。请注意：筛选函数与选择器在用法上是不同的。例如，在下面这个列表结构中。 1 2 3 如果要设置第二个列表项的字体颜色为红色，可以用选择器进行选择 $("li:eq(1)").css("col
23. jQuery 遍历 - 过滤
enlyhua的专栏
09-02 466
缩写搜索元素的范围 三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。 其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。jQuery first() 方法 first() 方法返回被选元素的首个元素。 下面的例子选取首个 < div> 元素内部的第一个 < p> 元素：
jQuery 遍历 – 过滤
最新发布
m0_58492934的博客
08-02 122
三个最基本的过滤方法是first(),last()和eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。索引号从0开始，因此首个元素的索引号是0而不是1。其他过滤方法，比如filter()和not()允许您选取匹配或不匹配某项指定标准的元素。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。提示not()方法与filter()相反。返回被选元素中带有指定索引号的元素。返回被选元素的最后一个元素。返回不匹配标准的所有元素。返回被选元素的首个元素。...
jQuery过滤
qq_44329870的博客
03-11 253
jQuery过滤 jQuery常用过滤方法： 方法 作用 eq() 根据索引选择元素 first() 获取集合里面的第一个 last() 获取集合里面的最后一个 hasClass() 检测是否具有某个类 is() 检测是否存在某一样 has() 匹配具有某个被检测元素的元素 filter() 匹配出满足条件的元素 map() 将一个类数组转化为新的数组(类似映射) not() 匹配除过被检测元素之外的元素 slice() 截取(类似原生js的slice)
jQuery使用手册之一
10-30
jQuery是一款广泛应用于Web开发的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计...随着实践的积累，还可以探索更高级的特性，如自定义事件、动画队列、遍历和过滤等，进一步提升Web开发效率。
jQuery常见的遍历DOM操作详解
10-18
本文将深入解析jQuery中的几个关键遍历方法，包括`parent()`、`parents()`、`parentsUntil()`、`find()`、`eq()`和`filter()`，并结合实例来演示它们的使用技巧。 首先，我们来看`parent()`方法。`parent()`用于...
jQuery--遍历操作实例小结【后代、同胞及过滤】
10-15
本文将详细介绍 jQuery 中针对后代、同胞及过滤遍历的相关函数和技巧。 1. **遍历后代** - `children()` 函数用于获取元素的所有直接子元素。例如，`$("div").children();` 将返回所有 `<div>` 元素的直接子元素。...
jQuery向父辈遍历的简单方法
11-22
在实际应用中，这些方法可以非常灵活地进行组合和过滤。比如，如果你想选取所有具有特定类名的父元素，可以在`.parents()`或`.parentsUntil()`后添加类名作为参数，如`$(".span").parents(".text")`。 在提供的示例...
jquery列表的过滤示例
jbgtwang的专栏
07-17 1158
jquery列表的过滤示例
jQuery学习笔记（2）：选择器之查找和过滤
icehamberg的博客
10-29 136
jQuery学习笔记（2）：选择器之查找和过滤 查找 <ul class="lang"> <li class="js dy">JavaScript</li> <li class="dy">Python</li> <li id="swift">Swift</li> <li cla...
从零开始学jQuery(2)--查找&过滤
azraelxuemo的博客
06-12 253
jQuery的查找和过滤 通常情况下选择器可以直接定位到我们想要的元素，但是，当我们拿到一个jQuery对象后，还可以以这个对象为基准，进行查找和过滤。 最常见的查找是在某个节点的所有子节点中查找，使用find()方法，它本身又接收一个任意的选择器。 以以下页面为例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery
jQuery 笔记 —— $.each、$().each方法 与 选择器过滤写法
永远的北极光
10-09 3792
一、$.each 与$().each 简单区别： $.each 参数可对任意对象进行操作，$().each 可见是对选择器所选的元素进行操作。 原理： 是通过call 与apply 方法实现的。 $.each 用法一： var obj = {id:"id",name:"name"}; $.each(obj,function(){ //此处this 指代当前遍历到的obj
【26】jQuery实现的搜索列表过滤【好】
程序猿的博客
10-09 1732
可以直接复制代码，如果要拷贝到本地别忘了引用本地的jq ；因为在这个csdn上不能直接预览 想预览的话去（前端网）预览<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery实现的搜索列表过滤</title> <style> body{background: #fff; font-s
jquerymobile-13 为list提交搜索过滤
孟祥月的专栏
02-01 6596
在开发的时候如果list过长的话，在其中查找特定的一项是比较麻烦的，jquerymobile为我们直接提供了搜索的功能。我们就可以直接使用其功能查找我们想要的结果。为了实现这个功能我们只需要在ul中添加data-filter="true"，这样jquerymobile就会自动添加一个过滤的搜索框，并且实现搜索功能了。下面给出一个例子代码： List Divider Example
jQuery 筛选（过滤、查找、串联）
痴心的萝卜的博客
01-16 704
1. 过滤操作 first() last() eq() not() filter() slice() has() demo <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery筛选操作</title> <s...
jQuery函数操作汇总~过滤与查找
风一样的少年
08-26 450
除了选择器之外，jQuery还为我们提供了以“方法”（类似于函数方法,更加语义化）形式存在的2种方式：（1）过滤方法；（2）查找方法。 过滤方法部分 jQuery过滤方法： 方法 说明 hasClass() 判断所选元素是否含有某个类，返回值为true或false eq(n) 选择元素集合中指定下标元素，下标从0开始（选择器作用）...
[JQuery] find()、has()、filter()、siblings()
澪月
05-07 1167
&lt;ul&gt;     &lt;li&gt;list item 1&lt;/li&gt;     &lt;li&gt;list item 2&lt;/li&gt;     &lt;li class="findMe"&gt; &lt;div&gt;&lt;p&gt;pp&lt;/p&gt;&lt;/div&gt;&lt

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

静山晚风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值