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

jquery通过a标签获取其上一级tr标签

 
阅读更多

<tr>

<td>a</td>

<td>上海市</td>

<td>市辖区</td>

<td>2014-05-30</td>

<td>2014-05-31</td>

<td>2219</td>

<td>0</td>

 

<td>

<a id = "queryBtn" data-id = "a" class = "action-btn">查看</a>

</td>

 

</tr>

jquery知道a标签如何查找a标签对应的上一级tr标签,并设置其背景颜色

 

 $(“#queryBtn”).parents('tr:first').css({backgroundColor:'#d1eac8'});

分享到:
评论

相关推荐

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

    由于其轻量级和跨浏览器的特性,jQuery已经成为最流行的JavaScript库之一。 知识点二:HTML表格结构与jQuery遍历 在HTML中,表格由`&lt;table&gt;`标签定义,并包含若干行`&lt;tr&gt;`元素,每行又可包含若干列,即表格数据...

    jQuery JSON动态获取表格数据代码.zip

    表格可能使用`&lt;table&gt;`、`&lt;thead&gt;`、`&lt;tbody&gt;`和`&lt;tr&gt;`等标签来构建,并通过JavaScript动态填充数据。 "revenue.json"文件则存储了要展示的数据,它以JSON(JavaScript Object Notation)格式编码。JSON是一种轻量...

    jquery html5 canvas 图表插件获取表格数据值

    本篇文章将详细讲解如何利用jQuery、HTML5的Canvas元素以及图表插件来获取表格数据并展示在Canvas图表上。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。在本场景中,...

    jquery获取tr并更改tr内容示例代码

    首先,代码引入了jQuery库,它是一个轻量级的JavaScript库,提供了丰富的DOM操作、事件处理、动画效果以及Ajax交互等功能。jQuery的语法简洁且易于理解,使得开发者能更高效地处理DOM元素。 代码的核心部分是`$...

    jquery 操作表格

    在这个文件中,我们可能会看到如何定义表格结构(如`&lt;table&gt;`, `&lt;tr&gt;`, `&lt;td&gt;`等标签),以及如何添加CSS样式使表格更易于阅读和理解。 "jquery-1.7.2.min.js"是jQuery库的旧版本,虽然较新版本已经发布,但这个...

    JSTL与Jquery的小例子

    当用户点击表格行时,jQuery通过Ajax请求获取用户详情,并将其显示在页面上。 总结来说,JSTL和jQuery在Web开发中各自扮演着不可或缺的角色。JSTL简化了服务器端的逻辑,使JSP更加清晰,而jQuery则使得客户端交互...

    Jquery创建动态表格

    通过以上步骤,你就能使用jQuery创建一个动态的、数据驱动的表格。这个功能在诸如数据可视化、在线报表、用户管理界面等多种场景下都非常有用。同时,jQuery库还提供了丰富的API用于表格的样式控制、事件绑定等,...

    jquery table 导出 excel

    5. **创建隐藏的a标签**:创建一个新的a标签,设置其href属性为上面的URL,以及下载文件的名称。 6. **模拟点击**:触发a标签的点击事件,这会触发浏览器的下载行为。使用`a.click()`完成这个动作。 为了简化上述...

    jquery完全笔记 带目录 高清 经典前端js笔记 前端必看

    jQuery的语法基于CSS选择器,允许开发者通过特定的选择器找到页面中的元素,并对其执行操作。基本的jQuery语法为:`$(selector).action();` 其中`$`符号定义了jQuery,`selector`用于“查询”和“查找”HTML元素,而...

    jquery实现json数据填充到table表格中并且实现remove add 数据

    在JavaScript或jQuery代码中,我们可以通过`$.getJSON()`方法来获取服务器端的JSON数据。成功获取数据后,遍历JSON数组,使用`append()`方法将每一项数据转化为`&lt;tr&gt;`元素并插入到表格中。例如: ```javascript $....

    JQuery实现插入行

    这可能涉及到异步请求(如Ajax),获取数据后,你可以将数据绑定到表格的新行上,然后将其插入到适当位置。 下面是一个简单的示例代码,展示了如何在jQuery中实现这个功能: ```javascript // 假设我们有一个id为'...

    用JQuery实现table按列分组(简单常用

    如果列的标识不是通过索引,而是通过`&lt;th&gt;`标签中的`name`属性,我们可以使用列的name值作为分组依据。这需要我们先找到对应的`&lt;th&gt;`,然后在遍历`&lt;tr&gt;`时,查找与之匹配的`&lt;td&gt;`。例如,如果列名是'category',...

    servlet+jquery表格数据填充

    此外,标签中提到的JSON是一个数据交换格式,它允许Servlet以轻量级的方式将数据传输到前端。在Servlet中,我们使用Gson或Jackson库将Java对象转换为JSON字符串;在jQuery中,我们通过`dataType: 'json'`指定接收...

    AJAX+JQuery+JSON的综合例子

    2. **jQuery**:jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画效果以及Ajax交互。在这个例子中,我们使用jQuery的AJAX功能来发送请求和处理响应。 3. **JSON**:JSON(JavaScript Object ...

    jquery与json和ajax的结合

    本文将详细介绍如何利用jQuery来实现与JSON和AJAX的有效结合,并通过一个具体的例子来展示其实际应用。 #### 二、基础知识简介 ##### 2.1 jQuery简介 jQuery是一款快速、简洁的JavaScript库,它极大地简化了HTML...

    jQuery表格预览设置单元格选中取值代码.zip

    本主题聚焦于"jQuery表格预览设置单元格选中取值代码",这涉及到如何利用jQuery来实现对表格(Table)中的单元格(Cell)进行操作,包括选中和获取其值,以及可能的预览功能。这里我们将深入探讨相关的jQuery技术和...

    jquery数据列表(需要json.jar)

    标题中的“jquery数据列表(需要json.jar)”指的是在网页前端使用jQuery库来展示数据时,可能涉及到的一个特定场景。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在...

    S2SH+JQuery的checkbox批量选择并在action中获取数据

    页面上通过`&lt;s:form&gt;`标签创建了一个表单,其中包含了一个全选按钮和一系列复选框。每个复选框的`value`属性绑定到用户的唯一标识符。 ```jsp &lt;tr align="center"&gt; &lt;td&gt;&lt;input id="checkedAll" type="checkbox...

    JQuery实现可编辑的表格

    通过本文的学习,你将能够掌握基本的JQuery操作,并了解到如何在网页上创建动态表格。 #### 二、基础知识准备 1. **HTML与CSS基础知识**:了解HTML的基本结构及常用标签,如`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等;熟悉CSS...

    基于Jquery的前台按表头排序

    Jquery是一个轻量级、功能丰富的JavaScript库,它的API简洁易用,使得开发者能够更快速地编写出高效的代码。在实现前台表头排序时,Jquery可以方便地处理DOM操作,如获取和修改表格元素,以及添加事件监听器。 首先...

Global site tag (gtag.js) - Google Analytics