`
wang_zhi_peng2007
  • 浏览: 248911 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery遍历-find使用

 
阅读更多

 

jQuery find() 方法

find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。

下面的例子返回属于 <div> 后代的所有 <span> 元素:

 

$(document).ready(function(){
  $("div").find("span");
});

 下面的例子返回 <div> 的所有后代:

 

 

$(document).ready(function(){
  $("div").find("*");
});

 

   案例:

     修改按钮名称"填写按钮" 到"编写按钮"

<a selfbutton="" class="easyui-linkbutton l-btn l-btn-plain" iconcls="icon-edit" id="gb" plain="true" onclick="dubanTaskForm.addDealWithSituation(formId);" href="javascript:void(0);" group="" style="display: inline-block;">
   <span class="l-btn-left">
     <span class="icon-edit"></span>
     <span class="l-btn-text">填写按钮</span>
   </span>
</a>

    

    jQuery编写

$("#gb").find("span").find(".l-btn-text").html("修改后");

 

 

 

 

分享到:
评论

相关推荐

    jquery 遍历 学习

    这个“jQuery遍历学习”的主题主要关注如何使用jQuery来高效地遍历DOM元素,以实现对网页内容的控制和操作。 首先,jQuery提供了多种遍历方法,包括基本的选择器和遍历函数。选择器如`$()`用于选取DOM元素,可以...

    jquery遍历节点树

    在提供的压缩包文件"3-11遍历节点树"中,可能包含了一个示例或教程,详细演示了如何使用jQuery进行节点遍历。通过学习和实践这个例子,你将更好地理解这些方法的实际应用。请打开文件进行深入研究,进一步巩固你的...

    jQuery 1.5 遍历xml节点属性

    在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画以及Ajax交互等任务。本文将详细讲解如何在jQuery 1.5版本中遍历XML节点属性,结合给定的资源——一个名为"test.html"的HTML...

    jQuery 遍历map()方法详解

    由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组 四、案例: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8 /&gt; &lt;title&gt;jquery map&lt;/title&gt; ...

    jquery-1.2.6-vsdoc

    1. 快速DOM操作:jQuery提供了一套简单易用的API,如`$(selector)`选择器、`.find()`、`.children()`等,使得DOM操作变得非常直观。 2. 事件处理:通过`.on()`、`.click()`等方法,可以轻松绑定和解绑事件,同时支持...

    浅析jQuery 遍历函数,javascript中的each遍历_.docx

    jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组方法,用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍: 1....

    jQuery遍历节点树方法分析

    本篇文章将重点介绍jQuery遍历节点树的常用方法,并结合实例展示这些方法的应用。 首先,我们需要了解基本的jQuery选择器。jQuery选择器允许我们以特定的模式选取页面中的DOM元素,比如通过id、类名、标签名或属性...

    jQuery 遍历函数详解

    下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将新元素直接添加到现有的jQuery对象集合中,实现链式操作。 .andSelf()函数将之前操作返回的元素集添加...

    JS与jQuery遍历Table所有单元格内容的方法

    ### jQuery遍历Table所有单元格内容的方法 使用jQuery进行表格单元格遍历,则可以利用jQuery提供的方法来简化操作。jQuery通过简化的API使DOM操作更加方便,包括遍历表格单元格也不例外。以下是使用jQuery进行表格...

    jquery-multi-check-selectbox.rar

    当“全选”按钮被点击时,我们可以通过遍历所有选项,并使用`.prop()`方法改变它们的`selected`属性,实现全选或全不选的效果。代码示例如下: ```javascript $("#selectAll").on("click", function() { var ...

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

    在jQuery库中,有多种方法可以用来实现这种需求,接下来,我们将会详细解释如何使用children()和find()方法来遍历后代,以及如何使用siblings()方法来遍历同胞元素。 首先,让我们了解children()方法。children()...

    jQuery 遍历 – 后代

    jQuery 遍历 – 后代 后代是子、孙、曾孙等等。 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法: children() find() jQuery ...

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

    知识点三:jQuery遍历表格tr获取td值的方法一 在方法一中,首先使用jQuery选择器`$("#history_income_list").children("tr")`选取了id为`history_income_list`的`&lt;tbody&gt;`元素下所有的`&lt;tr&gt;`元素,并将它们存入`...

    jQuery入门---设计思想

    jQuery 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。本文将深入探讨jQuery的设计思想及其核心功能,包括选择网页元素、改变结果集、链式操作、元素的操作以及元素...

    jQuery循环遍历子节点并获取值的方法

    在Web开发中,jQuery是一个非常强大的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。本篇文章将详细讲解如何使用jQuery...对于jQuery遍历算法和技巧,可以参考相关的jQuery专题,以深入学习和掌握。

    jQuery入门-1.0笔记

    ### jQuery遍历 jQuery也提供了一些方法来遍历匹配元素集,以便进行进一步的操作。例如,可以使用.each()方法来迭代匹配的元素集合,并对每个元素执行函数。此外,还可以使用.find()、.filter()等方法来查找符合特定...

    jQuery--省市区联动插件

    接下来,我们可以使用jQuery来实现联动效果。首先,为每个选择框创建HTML元素,并设置初始值。然后,通过监听省份选择框的`change`事件,当用户做出选择时,根据选定的省份ID查找对应的城市数据,并填充到城市选择框...

    jQuery实现遍历XML节点和属性的方法示例

    本文主要探讨了如何使用jQuery以及JavaScript原生方法来遍历XML文件中的节点和属性,并给出了一个具体的实现示例。 首先,我们需要了解jQuery如何加载XML文件。在示例中,通过AJAX调用jQuery的$.get方法从服务器...

    jQuery技术手册

    **4.4 jQuery遍历-同胞** - **next()`: 选择当前元素的下一个同胞元素。 - **prev()`: 选择当前元素的上一个同胞元素。 - **siblings(selector)`: 选择当前元素的所有同胞元素。 **4.5 jQuery遍历-过滤** - **...

    jQuery遍历Table应用示例

    本文档提供了一个使用jQuery遍历HTML表格的示例代码,我们可以从中学习到如何运用jQuery来实现对表格数据的读取和检查。 从给定的文件内容中,我们可以提炼出以下知识点: 1. jQuery库的引入:在示例代码中,虽然...

Global site tag (gtag.js) - Google Analytics