`

jquery多种遍历方法

 
阅读更多

prev() 

prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素,可使用选择器进行筛选。

$("p").prev()//获得"p"前一个元素

next()

next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的

下一个同胞元素。

$("p").next()//获得"p"后一个元素

siblings()

siblings() 获得匹配集合中每个元素的同胞,可使用选择器进行筛选。

$("p").siblings(".wanglichuan")//查找每个 p 元素的所有类名为 "wanglichuan"的所有同胞元素

parent() 

parent() 获得当前匹配元素集合中每个元素的父元素,可使用选择器进行筛选。

$("p").parent(".selected")//查找每个段落的带有 "wanglichuan" 类的父元素

children()

children() 方法返回匹配元素集合中每个元素的子元素,可使用选择器进行筛选。

$("div").children(".wanglichuan")//找到类名为 "wanglichuan" 的所有 div 的子元素

find()和children()对比

区别:1、children方法获得的仅仅是元素一下级的子元素,find方法获得所有下级元素(childre它是获得匹配元素集合中每个元素的所有子元素(不包括自己,只能在儿子辈(第一层)查找。find()除了儿子辈,还包括孙子辈,即只要是它的后代就行。)

2、children方法的参数selector 是可选的,用来过滤子元素,但find方法的参数selector方法是必选的。 

each()

each() 方法循环的匹配元素。

$("p").each(function(){

    alert("wanglichuan")

  });//循环每一个p元素

eq() 

eq() 方法将匹配元素集缩减值指定 index 上的一个。

$("body").find("div").eq(3)//选择index为3的div

分享到:
评论

相关推荐

    jquery 动态遍历select 赋值的实例

    在jQuery中,可以使用多种选择器来选取页面中的select元素,并对其进行操作。例如,使用 $("#selDepUnit") 可以选取id为selDepUnit的select元素。若要获取这个select元素当前选中的值,可以使用.children('option:...

    jquery 遍历 学习

    首先,jQuery提供了多种遍历方法,包括基本的选择器和遍历函数。选择器如`$()`用于选取DOM元素,可以根据ID、类名、属性等条件进行筛选。例如,`$("#myID")`选取ID为"myID"的元素,`$(".myClass")`选取所有类名为...

    jQuery 循环遍历改变a标签的href(实例讲解)

    标题中提到的是关于如何使用jQuery来循环遍历并改变页面上a标签的href属性值,这是一个在前端开发中常见的操作,...通过本实例的讲解,希望读者们能够对jQuery的选择器、遍历方法、以及属性操作方法有了更深刻的理解。

    jQuery 遍历css选择器

    jQuery提供了`.each()`方法,可以遍历由CSS选择器选取的元素集合。例如: ```javascript $(".myClass").each(function(index, element) { console.log("这是第" + (index + 1) + "个元素:" + $(element).html());...

    JQuery遍历json数组的3种方法

    $.each()是jQuery提供的一种遍历方法,用于迭代数组或对象。在遍历JSON数组时,通常会配合回调函数来使用。回调函数有两个参数:第一个是数组的索引或对象的键名,第二个是数组的值或对象的键值。以下是一个使用$....

    JQuery遍历元素的后代和同胞实现方法

    无论是在动态生成内容的Web应用中,还是在需要操作页面上元素的各种场景中,这些遍历方法都是不可或缺的。通过掌握children()、find()和siblings()这三个方法,我们能够在进行元素遍历时,更加精确和灵活地操作DOM,...

    jquery遍历table的tr获取td的值实现方法

    方法二采用了jQuery的`.each()`方法对表格的每一行进行遍历。`.each()`方法是jQuery提供的遍历函数,它对每一个匹配的元素执行一个函数。在这个函数内部,`$(this)`指向当前的`<tr>`元素,通过`.children()`方法取得...

    jQuery遍历节点方法汇总(推荐)

    jQuery提供了多种遍历节点的方法,本文对这些方法进行了汇总。 首先,我们来了解一下children()方法。这个方法用于选取每个匹配元素的直接子元素。换言之,它只会选取父元素的“第一代”子元素。例如,对于给定的...

    jquery遍历标签中自定义的属性方法

    综上所述,jQuery提供了多种选择器和方法来帮助开发者遍历和处理HTML元素的自定义属性,从而实现更灵活的DOM操作。通过熟练掌握这些技术,可以有效地提高开发效率和程序的可维护性。希望本文介绍的内容能够对您有所...

    jQuery使用each遍历循环的方法

    jQuery提供了多种选择器和遍历方法,使得开发者能够更加方便地对DOM进行操作。 在jQuery中,each()方法用于遍历一个jQuery对象,它允许我们对选择的DOM元素集合中的每个元素执行一个函数。这个方法可以接受两个参数...

    jQuery遍历对象、数组、集合实例

    在处理数据集合时,如对象、数组和集合,jQuery提供了多种遍历方法,本文将详细介绍如何使用jQuery来遍历这些数据结构,并提供实例代码进行演示。 首先,我们来看如何遍历对象。在Web开发中,经常需要处理由服务器...

    Jquery遍历json的两种数据结构.pdf

    在发送AJAX请求时,jQuery的`$.ajax()`方法是常用的工具。以下是一个简单的示例,向服务器发送POST请求: ```javascript function BtnClick() { var uid = $("#Text1").attr("value"); var pwd = $("#Text2")....

    jQUERY TREE

    jQuery提供了多种遍历方法,如`each()`用于迭代集合中的每个元素,`find()`用于寻找后代节点。在文件"3-11遍历节点树.rar"中,可能包含了一些关于如何遍历jQuery Tree的具体示例或算法。 5. **jQuery Tree插件** ...

    JQuery查找子元素find()和遍历集合each的方法总结

    JQuery 是一个快速、小巧且功能丰富的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互等多种操作。本文主要介绍了 JQuery 中两个常用的方法:find() 和 each()。这两个方法分别用于查找子元素...

    JQUERY精选使用方法

    jQuery提供了一系列方便的方法来处理元素集合,无需手动遍历这些元素。 - **遍历集合并修改样式**: - `$("p").each(function(i) { this.style.color = ['#f00', '#0f0', '#00f'][i % 3]; });` - 这段代码为`<p>`...

    jQuery实现动态添加节点与遍历节点功能示例

    jQuery 提供了多种方法来遍历和选择 DOM 元素,如 `next()`, `nextAll()`, `prev()`, `prevAll()`, `children()`, `siblings()` 等。在示例中,`next()` 方法被用来获取当前被点击的 `<div>` 元素后面紧邻的同级 `...

    jquery获得单选框和下拉框的值,java日期处理,遍历list,遍历map

    ### jQuery 获取单选框和下拉框的值 在jQuery中获取HTML元素的值非常方便。根据提供的部分内容可以看出,代码片段使用了jQuery来获取单选框和...这些方法覆盖了常用的遍历方式,可以根据实际需求选择合适的方法。

    jquery 500多种特效

    总结,jQuery的500多种特效覆盖了网页开发的各个方面,从基础操作到高级应用,无一不显现出其强大而实用的特点。掌握这些特效,将使你在网页设计和开发中游刃有余,创造出更具吸引力的用户界面。在实际使用中,应...

Global site tag (gtag.js) - Google Analytics