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

使用jquery 遍历函数-find()、eq()

 
阅读更多

用jquery 遍历函数-find()、eq()

一、背景
       
遍历表格时,获取某列的值。

二、举例说明
      1) html主要的框架 如下: 
     
<div class="box-body">  
    <table id="table1" class="table table-bordered table-striped">  
        <thead>  
           <tr id="method_title">  
              <th rowspan="2">显示顺序</th>  
              <th rowspan="2">名称</th>  
              <th rowspan="2">顺序设置</th>  
              <th rowspan="2">操作</th>  
           </tr>  
        </thead>  
        <tbody id="table_body"></tbody>  
     </table>  
     <div id="result"></div>  
</div>  
      2)效果图显示如下
     

 

 3)获取第三行、第四列的button值。代码如下:
$("#table1").find("tr").eq(2).find("td").eq(3).text();
//结果是id为label3 button的value.
 
 
 
  • 大小: 38.5 KB
分享到:
评论

相关推荐

    jQuery 遍历函数详解

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

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

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

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

    在本文中,我们将探讨jQuery库中的一系列遍历函数,以及如何使用javascript中的each函数来遍历数组和DOM元素。jQuery是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互的...

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

    `.each()`方法是jQuery提供的遍历函数,它对每一个匹配的元素执行一个函数。在这个函数内部,`$(this)`指向当前的`&lt;tr&gt;`元素,通过`.children()`方法取得当前行的所有`&lt;td&gt;`元素,存入`tdArr`数组中。然后同样使用`....

    jQuery入门---设计思想

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

    jquery-api-1.7

    jQuery提供了各种筛选和遍历方法,如`.filter()`, `.not()`, `.first()`, `.last()`, `.eq()`, `.find()`, `.siblings()`, `.parent()`, `.children()`等,使开发者能够轻松地查找、选择和操作DOM子集。 七、效果 ...

    eq/get/find

    在实际开发中,`eq`、`get`和`find`经常与其他jQuery方法结合使用,如遍历(`each`)、事件绑定(`on`)、DOM操作(`append`, `prepend`)等,以实现更复杂的交互和动态效果。 在`Lcf.js`文件中,这些函数可能被自定义...

    jQuery常见的遍历DOM操作详解

    本文将深入解析jQuery中的几个关键遍历方法,包括`parent()`、`parents()`、`parentsUntil()`、`find()`、`eq()`和`filter()`,并结合实例来演示它们的使用技巧。 首先,我们来看`parent()`方法。`parent()`用于...

    jquery函数使用

    jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。以下是对`jquery函数使用`的详细解释,涵盖了描述和部分内容中的关键知识点: 1. **透明度控制**: 在CSS中,我们...

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

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了对网页中的 DOM 元素的操作,包括遍历和筛选。本文将详细介绍 jQuery 中针对后代、同胞及过滤遍历的相关函数和技巧。 1. **遍历后代** - `children()` 函数...

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

    在Web开发中,使用jQuery库进行DOM操作是十分常见的一项工作,尤其是对节点的遍历操作。遍历节点的目的在于根据特定的条件选择相关的DOM元素,以便于进行进一步的操作,如样式修改、事件绑定、数据获取等。jQuery...

    jQuery 遍历 方法

    以下是一些主要的jQuery遍历方法及其详细说明: 1. **add()**:此方法允许将新的元素或jQuery对象添加到当前匹配元素集合中,合并后的集合可以进一步进行操作。 2. **addBack()**:这个方法将上一次操作前的元素...

    jquery-code-analysis:jQuery源码分析

    1. 选择器与遍历:jQuery提供丰富的选择器API,如`find()`, `children()`, `siblings()`, `parent()`等,便于在DOM树中查找和操作元素。 2. 内容操作:`html()`, `text()`, `append()`, `prepend()`等方法用于改变...

    jquery基础教程(jquery in action)

    ### jQuery基础教程知识点详解 #### 一、jQuery简介与安装 - **定义**:jQuery是一款优秀的JavaScript库,它简化了HTML文档遍历、事件处理、...希望本文能帮助大家更好地掌握jQuery的使用方法,提高前端开发效率。

    jQuery面试题答案[归纳].pdf

    2. **jQuery核心函数**: - `$()`用于创建jQuery对象,例如`$(expression)`用于选择DOM元素。 - `$(callback)`:当DOM加载完成时执行的函数,通常用于页面加载事件。 - `$.fn.extend`:扩展jQuery的函数库。 - `...

    jQuery1.7.1_API中文手册

    - **each()**: 遍历jQuery对象集合,对每个元素执行回调函数。 - **size()**: 返回集合中元素的数量。 - **length**: 等价于`size()`,返回集合的长度。 - **get()**: 获取原始的DOM元素数组或单个DOM元素。 #### ...

    jquery帮助文档,让你很快了解

    jQuery 是一款非常流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等开发工作。jQuery 的设计理念是“write less, do more”,即“写得更少,做得更多”。其强大的功能、易用性...

    利用jquery给指定的table动态添加一行、删除一行的方法

    jQuery是一种广泛使用的JavaScript库,它简化了DOM操作,包括在表格中动态修改内容。 首先,我们要理解HTML表格的基本结构,一个表格由`&lt;table&gt;`元素包含,其中包含`&lt;tr&gt;`(行)和`&lt;td&gt;`(单元格)。使用jQuery,...

    jquery入门自学教程

    - **查找元素**:使用`find()`方法在当前包装集中查找指定的后代元素。 #### 五、操作元素属性与样式 - **属性操作**: - 获取属性值:`$("selector").attr("attribute")`。 - 设置属性值:`$("selector").attr...

Global site tag (gtag.js) - Google Analytics