Jquery如何判断我点击的td是第一行还是最后一行，以及行索引和列索引？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Web前端开发JQuery框架笔记

text(); //所有li标签中,索引是2的标签 document.write("索引是2的标签内容是: " + data + "");...var data = $("li:eq(0)").text(); //所有li标签中,索引是0的标签 document.write("索引是0的标签内容是:...document.write("索引是4的标签内容是: " + data.text() + ""); gt(): 所有li标签中，索引大于2的标签 <...").parent("tr"); // 获取选中行 var id = row.find("[name='uid']").html(); // 取出第一行的属性...td>newtd>td>newtd>td>newtd>td>newtd>td>newtd>'); //在表格的第二行后面插入一行

12.8K2 0

与Ajax同样重要的jQuery（1）

最新版本 2.1.1，这里讲解以1.8.3为主(新版本主要是浏览器兼容问题以及新特性) jQuery 提供 jquery-1.8.3.js 和 jquery-1.8.3.min.js jquery-1.8.3...③：基本过滤选择器 :first 选取第一个元素 $("tr:first") :last 选取最后一个元素 $("tr:last") :not(selector) 去除所有与给定选择器匹配的元素 $("...匹配所有正在执行动画效果的元素练习3： ² 设置表格第一行，显示为红色 ² 设置表格除第一行以外显示为蓝色 ² 设置表格奇数行背景色黄色 ² 设置表格偶数行背景色绿色 ² 设置页面中所有标题.../jquery-1.8.3.min.js"> $(function(){ // 设置表格第一行，显示为红色 $("tr:first...").css("color","red"); // 设置表格除第一行以外显示为蓝色 // $("tr:not(:first)").css("color","blue"); $("tr:gt(0)").

11.5K6 0

您找到你想要的搜索结果了吗？

是的

没有找到

前端JQuery标准教案

第一章：认识JQuery 第一阶段：jQuery的基本操作简介JQuery的由来，以及相类似的其他JavaScript框架（5分钟）讲解需要的JavaScript包版本以及导入（2分钟）讲解JQuery...讲解JQuery对象和JavaScript对象的区别，一定要讲明白JQuery就是JavaScript的数组包装，讲解两者的转换方法数组下标[index]和get(index)方法。...，并进行遍历 3）如果是单选或是多选元素，要判断是否被选中，选中的将其值赋给对象的对应属性 4）如果是非多选或单选的元素，则直接将其值赋给对象的对应属性 5）总结：new Object()创建对象、prop...(){//获得所有的tbody中的行 col=0;//将新一行的列数置为零 var obj=new Object();//每一行数据装入到一个对象中 (this).children().each(function...(){//遍历行中所有的列 for(var i=0;i列的位置和当前列标相同 obj[names[

8991 0

jQuery的基本操作

="apple"/>] 　:even　 //概述 //匹配所有索引值为偶数的元素,从零开始 //描述 //查找表格的1,3,5...行（既索引值0,2,4...）...:odd //概述 //匹配所有索引值为基数的元素,从零开始计数 //描述 //查找表格的2,4,6行（既索引值1,3,5....）...>] 　　:gt(index) //概述 //匹配所有大于给定索引值得元素 index //从零开始计数描述查找第二行第三行,既索引值是1和2,也就是比零打 HTML代码 list item 5] 　　:lt(index) //概述 //匹配所有小于给定索引值得元素 index 从零开始计数描述查找第一行第二行,既索引值是零和1,也就是比2小·...·接收元素的索引位置和元素旧的样式类作为参数· 2·一个用来判断样式类添加还是移除的boolean值· 参数class描述每点击三峡加上一个"highlight"类 HTML代码 <strong

8.8K2 0

jQuery EasyUI 详解

官网地址：http://www.jeasyui.com/index.php 文档地址：中文文档英文文档快速入门弹出对话框 demo 第一步：下载 Jquery EasyUI 你在使用和进行开发时...rowData：行的记录数据。 rowIndex：行的索引。 undefined sorter function 自定义字段的排序函数，需要两个参数： a：第一个字段值。 b：第二个字段值。...onClickRow rowIndex, rowData 当用户点击一行时触发，参数包括： rowIndex：被点击行的索引，从 0 开始。rowData：被点击行对应的记录。...resize param 调整尺寸和布局。 load param 加载并显示第一页的行，如果指定 param 参数，它将替换 queryParams 特性。...getChanges type 获取最后一次提交以来更改的行，type 参数表示更改的行的类型，可能的值是：inserted、deleted、updated，等等。

10.9K1 0

jQuery

丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定...基本筛选器（选择之后进行过滤）： :first // 第一个 :last // 最后一个 :eq(index)// 索引等于index的那个元素 :even // 匹配所有索引值为偶数的元素，从 0...点击每一行的删除按钮删除当前行数据。　　作业示例代码： <!...示例：　　　　表格中每一行的编辑和删除按钮都能触发相应的事件。回去完善一下咱们上面的那个作业吧，添加一行数据的那个作业，然后我们在学习一下上面的那些绑定事件。...，你需要考虑一下如何区分是新增还是编辑，新增的效果是添加一行，编辑的效果是修改之前的数据。

10.3K2 0

day54_BOS项目_06

ajax请求，返回的是json数据，解析的也是json数据，所以返回的是"none" // 如果返回的是"list"，就是说我们查询到的结果变成HTML页面，我用解析json数据的方式根本解析不出来啊...列（Column）属性：数据网格（DataGrid）的列（Column）是一个数组对象，它的每个元素也是一个数组。...元素数组的元素是一个配置对象，它定义了每个列的字段。数据网格的编辑功能是以列为单位的。即：通过数据网格的列属性editor开启指定列的编辑功能。如下图所示： ?...数据网格的方法：插入一行：insertRow 删除一行：deleteRow 开启编辑状态：beginEdit 结束编辑状态：endEdit 获得选中行的索引：getRowIndex 获得选中的第一行...0的位置插入，即在第一行插入 row:{} // 空的json表示空行 });

2.7K2 0

第87节：Java中的Bootstrap基础与SQL入门

找到第一个元素 :last: 找到最后一个元素 :even: 找出偶数索引 :odd: 找出奇叔索引 :gt(index): 大于 :lt(index): 小于 :eq(index): 等于 :input...效果第一个是默认iso-8859-1编码第二个是utf8编码，但是是日本的第三个自己定义编码格式 ?.....; update 表名 set 字段=值 ,... where 条件; delete from 表名; delete from 表名 where 条件; drop table 表名; delete一行一行删除...this).parent().find(".formtips").remove(); //判断当前的值是哪一项输入的值... 栅格系统就是bootstrap提供的一套响应式流式栅格系统，最多12列，用于通过一系列的行和列的组合来创建页面的布局。 ? 效果 ?

2.8K2 0

layui小问题

var mark = 1; //这里涉及到简单的运算，mark是计算每次需要合并的格子数 var columsName = ['type_name'];//需要合并的列名称 var...columsIndex = [0];//需要合并的列索引值 for (var k = 0; k 的列...var tdPreArr = trArr.eq(mergeIndex).find("td").eq(columsIndex[k]);//获取相同列的第一列...if (data[i][columsName[k]] === data[i-1][columsName[k]]) { //后一行的值与前一行的值做比较，相同就需要合并...mark += 1; tdPreArr.each(function () {//相同列的第一列增加rowspan属性 $(this

2K3 0

Web前端学习笔记之jQuery基础

丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定...jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。...x后面的y $("x ~ y")// x之后所有的兄弟y 基本筛选器： :first // 第一个 :last // 最后一个 :eq(index)// 索引等于index的那个元素 :even //...empty()// 删除匹配的元素集合中所有的子节点。例子：点击按钮在表格添加一行数据。点击每一行的删除按钮删除当前行数据。...示例：表格中每一行的编辑和删除按钮都能触发相应的事件。

4.1K2 0

python测试开发django-173.bootstrap实现table表格行内编辑

我想实现的需求很简单，在页面上写个简单的table表格，能删除行，添加行，点击每一个报告能直接编辑就行，不需要那些花里胡哨的功能。...最后还是自己基于bootstrap写了一个table报告的在线编辑功能。...实现效果想实现的效果如下图所示： 1.点输入框能占满一格 2.最后一列添加删除按钮 3.可以点添加一行按钮前端实现基于bootstrap框架 table.../ 删除一行 $(document).on('click','.del_row', function(){ $(this).parent().parent().remove(); }); 最后提交数据...提交数据需获取table报告上的输入内容，希望是键值对的数据，于是可以用到form表单序列化，在table外层加一个form标签。

1.6K4 0

jquery

丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定...x后面的y $("x ~ y")// x之后所有的兄弟y 基本筛选器： :first // 第一个 :last // 最后一个 :eq(index)// 索引等于index的那个元素 :even //...empty()// 删除匹配的元素集合中所有的子节点。例子：点击按钮在表格添加一行数据。点击每一行的删除按钮删除当前行数据。...是16 // 判断当前select这一行是否被选中 console.log($(this).parent().siblings().first().find(":checkbox...示例：表格中每一行的编辑和删除按钮都能触发相应的事件。

6.7K3 0

JQuery 入门学习(完结)

最后一篇是对Jquery的实际应用，以及一些平时我注意到的细节。最后对Jquery进行总结。 ...所以大家可以看到，我使用的是DOM中的方法event.target.parentNode.style.backgroundColor，首先用parentNode获得td元素的父元素tr元素（因为我是要一行都改变颜色...每点击一个商品，我们就把这一行从表格中删除，并加到下方的“购物车”框中。...看第一行，我们会发现，event.target.parentNode我认识，但为什么要把它放在$()中间？这就涉及到DOM对象转换成Jquery对象的过程。...于是这里就得到了我点击的这一行的商品名和价格。然后用$(event.target.parentNode).remove();把这一行移除，再用append把内容加到“购物车”里。

1.3K1 0

Datatables表格插件，你用过吗？

商业支持更多特性请到官网查看英文官网地址中文官网地址点击导航栏 ->手册->安装安装教程地址下面给大家演示（这里我是下载到本地了，当然你也可以用云资源）第一步(新建index.html并引入...,索引是从0开始的。...这时候就有一个问题了，后台分页时如何知道你按多少数据分页的，你的排序方式是按哪个字段进行什么排序的。...第一种实现方法是前端处理,在 createdRow:function (row, data, dataIndex) {}回调方法中获取到当前所在行的最后一列，然后把html添加进去。...dataIndex当前行的数据索引 createdRow:function (row, data, dataIndex) { //行的最后一列 var let const

8.9K3 0

Mysql详细学习笔记

真正的数据存在每一个表的行里面。字段（列）划分出来了一个表应该按照什么样的格式存数据。而行，是真正的数据。每一行需要遵循数据字段（列）的规范和要求进行存入数据。...MySQL的索引类型索引类型功能说明普通索引最基本的索引，它没有任何限制唯一索引某一行企用了唯一索引则不准许这一列的行数据中有重复的值。...针对这一列的每一行数据都要求是唯一的主键索引它是一种特殊的唯一索引，不允许有空值。一般是在建表的时候同时创建主键索引，常用于用户ID。...表格的行和列和数据表的行和列是一样的。所示展示起来很方便。先声明一个表格，每次循环的时候输出一行。将结果展示到各个列里面。...每次循环的结果赋值给row，row中是关联数组。因此我在这次循环中，可以将行和列都显示出来。

5.3K4 0

vue表单案例练习：vue表单创建一行数据及删除数据的实现与理解

、获取数据数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值==@TOC 目标两个例子:1.表单数据一行的创建+删除(彻底删除/隐藏双实现)代码+注释...==特色:1:内容提前判断为空的功能,红色字显示,且无法实现创建功能,只有全部符合要求才可以创建用户2:创建的用户自动追加到最后一行数据3:所有数据都存储在组件data中,body标签中没有任何数据,即都是从...--追加span的目的是,点击按钮后显示判断为空的信息,为空则无法创建,符合才可以继续下一步--> 最后拼接一行数据的方法...==添加一个初始判断语句,当属性表格没数据是显示:代码+注释<!

5890 0

jQuery 选择器使用方法

:last （取第一个或最后一个元素） $('#divOne ul li :first').css('color', 'red'); $('#divOne ul li :last').css('color....css('background', 'blue'); // 奇数行颜色偶数行行颜色为红色（第一行的索引为0），奇数为蓝色行颜色 $('tr:odd').css('background', 'blue'); // 奇数行颜色 :eq(x) （取指定索引的元素...） $('tr:eq(2)').css('background', 'yellow'); // 表格第二行变色 :gt(x)和:lt(x)（取大于x索引或小于x索引的元素） $('#divFour ul.../1.9.1/jquery.min.js"> 我是标题一我是span

5.1K1 0

jQuery 选择器使用方法

:last （取第一个或最后一个元素） $('#divOne ul li :first').css('color', 'red'); $('#divOne ul li :last').css('color....css('background', 'blue'); // 奇数行颜色偶数行行颜色为红色（第一行的索引为0），奇数为蓝色行颜色 $('tr:odd').css('background', 'blue'); // 奇数行颜色 :eq(x) （取指定索引的元素...） $('tr:eq(2)').css('background', 'yellow'); // 表格第二行变色 :gt(x)和:lt(x)（取大于x索引或小于x索引的元素） $('#divFour ul.../1.9.1/jquery.min.js"> 我是标题一我是span

5.3K1 0

脚本语言知识总结.

(1)所有的变量使用var来定义，是弱类型变量，不代表没有类型，变量本身还是有类型的。【var a=10，var b=1.5；他们分别为整数以及浮点数类型】 (2)每行结尾分号可有可无，建议编写。...练习3： ² 设置表格第一行，显示为红色 ² 设置表格除第一行以外显示为蓝色 ² 设置表格奇数行背景色黄色 ² 设置表格偶数行背景色绿色 ² 设置页面中所有标题显示为灰色 ² 设置页面中正在执行动画效果.../jquery-1.8.3.min.js"> $(function(){ // 设置表格第一行，显示为红色 $("tr:...first").css("color","red"); // 设置表格除第一行以外显示为蓝色 //$("tr:not(:first)").css("color","blue"); $("tr:gt(0...:nth-child(index/even/odd) 选取索引为index的元素、索引为偶数的元素、索引为奇数的元素 ----- index 从1开始区别 eq :first-child 选取第一个子元素

6.7K13 0

jQuery

丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定...jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。...最后一个 :eq(index)// 索引等于index的那个元素 :even // 匹配所有索引值为偶数的元素，从 0 开始计数 :odd // 匹配所有索引值为奇数的元素，从 0 开始计数 :gt(index...补充 .first()// 获取匹配的第一个元素 .last()// 获取匹配的最后一个元素 .not()// 从匹配元素的集合中删除与指定表达式匹配的元素 .has()// 保留包含特定后代的元素，去掉那些不含有指定后代的元素...示例：表格中每一行的编辑和删除按钮都能触发相应的事件。

5.4K5 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭