`
wang_zhi_peng2007
  • 浏览: 244262 次
  • 性别: 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 遍历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 遍历 – 后代

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

    jQuery遍历DOM节点操作之filter()方法详解

    本文实例分析了jQuery遍历DOM节点操作之filter()方法。分享给大家供大家参考,具体如下: .filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选。 记住:使用此方法必须得传入选择器表达式参数,不然...

    jQuery常见的遍历DOM操作详解

    主要介绍了jQuery常见的遍历DOM操作,结合实例形式详细分析了针对DOM节点的parent()、parents()、parentsUntil()、find()、eq()、filter()等各种遍历操作相关函数与使用技巧,需要的朋友可以参考下

    jQuery遍历页面所有CheckBox查看是否被选中的方法

    本文实例讲述了jQuery遍历页面所有CheckBox查看是否被选中的方法。分享给大家供大家参考。具体如下: $('#tbl').find(':checkbox').each(function(){ if ($(this).is(":checked")) { //操作 } }); 希望本文所述...

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

    下面小编就为大家带来一篇JQuery查找子元素find()和遍历集合each的方法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jQuery遍历Table应用示例

    $(“#data_table”).find(“tr”).each(function(){ $(this).find(“td input”).each(function(){ if($(this).attr(“name”)==”rid”) { vales+=$(this).val()+”&”; } if($(this).attr(“name”)==”qty”) { ...

    jQuery–遍历操作实例小结【后代、同胞及过滤】

    本文实例讲述了jQuery–遍历操作。分享给大家供大家参考,具体如下: jQuery–遍历【后代】 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法: children() find() children() 方法 返回每个 &lt;div&gt; ...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页...11.31 使用find()函数提升子查询的性能 11.32 使用jQuery操作DOM的限制

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

    主要介绍了jQuery实现获取元素索引值index的方法,涉及jQuery针对页面元素的遍历,index索引操作及属性操作相关技巧,需要的朋友可以参考下

    Jquery学习手册

    jQuery.each(function),遍历jQuery对象集合,在每个对象上执行function函数,function callback(index, domElement){this}; jQuery.size(),返回jQuery对象集合的大小 jQuery.length,相当于size()方法 jQuery....

    jQuery详细教程

    jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用...

    Jquery中find与each方法用法实例

    本文实例讲述了Jquery中find与each方法用法。分享给大家供大家参考。具体如下: 一、find()方法 jquery选择器非常强大,利用css的命名规约,可以更快更方便的找出想要的元素。 比如: $("#id") $("#"+"id") $(this)...

    jquery例子

    var wordNodes=jqueryDom.find("word"); //清空div中的内容 autoNode.html(""); //对word进行遍历 wordNodes.each(function(i){ //取当前word var ...

    【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)

    本文实例总结了jQuery实用代码片段。分享给大家供大家参考,具体如下: //each遍历文本框 清空默认值 $(".maincenterul1").find("input,textarea").each(function () { //保存当前文本框的值 var vdefault = this...

    JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

    一: DropDownList ——————————————————————————————- 在使用 JQuery 进行遍历操作时, $(“input”).each(function(i) { …… } 当操作对象的类型为 dropdownlist时:(备注:在fire...

    基于jquery中children()与find()的区别介绍

    .find() 与 .children() 方法类似,不同的是后者仅沿着 DOM 树向下遍历单一层级。这里的children,我理解为儿子,只在儿子这一级遍历。看下例子: 代码如下:.children(selector) 方法是返回匹配元素集合中每个元素的...

    jQuery常用方法

    jQuery 常见操作实现方式 ... $("#ID") //取单个控件document.getElementById("") $("div #ID") //取某个控件中 ...$("form#表单id").find("#所找控件id").end() //遍历表单 $("#ID").load("*.html") //载入一个文件

    jquery获取table指定行和列的数据方法(当前选中行、列)

    var td = tr.find(td);//找到td元素 alert&#40;td[0][removed]&#41;;//指定下标即可 }) 今日项目中需要用到取table选中列的数据,网上资料发现都不能获取到选中指定列的数据,通过分析测试后总结出以上代码,可以...

Global site tag (gtag.js) - Google Analytics