点击td标签内容jQurey获取所在的行

最新推荐文章于 2023-06-07 16:51:59 发布
最新推荐文章于 2023-06-07 16:51:59 发布 · 1.7k 阅读 · 0

本文介绍了一种在使用jQuery操作DOM元素时遇到的索引问题及其解决方案。具体来说，当尝试获取一个元素在其兄弟元素中的索引时，如果索引返回-1，则可能是由于选择器未正确指向该元素的直接父级导致的。文章通过一个实例说明了如何修正这一问题，并给出了正确的代码实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

当无法获取标签的索引，而打印出来时发现索引的值为-1时，有可能是以下原因造成的：

缺少一个父元素，比如td内装的是一个input标签内容，则this指的是input标签，所以需要经过两级追溯才能到tr标签。

有问题的代码：

$(this).parent().find("td").index($(this))
修改后的代码： 

$(this).parent()parent().find("td").index($(this))

修改对应td的内容： 

$(this).parent().parent().find('td').eq(1).css('color','red')



对表格的td标签执行点击事件
七色花
08-28 1万+
对于表格中的td如何执行事件 html:<table id="example" > <thead> <tr> <th>编号</th> <th>名称</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>电脑</td> <td> <button id='delete' type='button'>删除</button>
jQuery获取table下某一行某一列的值实现代码
12-29
jQuery获取table下某一行某一列的值实现代码 最近需要获取到某个table下每一行某一列的值，用jQuery做了一会儿，过程如下，仅供参考： <table name=info><tr><td>lily<span>okok</span></td></tr><tr><td>18</td...
jquery点击事件获取table行号、列号
热门推荐
12-07 2万+
tabel点击行，获取行号 $('#table tbody').on( 'click', 'tr', function (e) { var index = $(this).parent().context._DT_RowIndex; //行号 var rows = table.rows( index ).data();//获取行数据 }); tabel点击td，获取行号和列号
鼠标点击 获取td的值
baidu_35975930的博客
03-07 1321
CSS代码   &lt;style type="text/css"&gt; body, html { background: white; padding: 0px; margin: 0px; font-size: 45p...
td 单击事件
zhang1088632743的博客
11-17 2524
给 td加单击是事件，直接放在ajax的success里面 还是比较方便的success:function(data){ var obj=eval(data); var ht = ''; for(var i=0;i<obj.length;i++){ ht = ht+""; ht = ht + "" + obj[i].id + ''; h
table中选择一行使用"this"操作
piao0wwy的博客
06-06 760
<input type="radio" name="eachCheck" onclick='check(this)'/> ${product.brand_name } ${product.brand_logo_url } ${product.id }
c#+JQurey实现获取radio和checkbox的值
09-04
jQuery库提供了便捷的方法来操作DOM（文档对象模型），从而轻松获取这些元素的值。 首先，让我们了解HTML部分。在这个例子中，我们有一个简单的表单，包含一个文本输入框（用于输入姓名）、两个单选按钮（表示性别...
jQuery点击打开多个标签页代码.zip
07-11
本示例“jQuery点击打开多个标签页代码”是利用jQuery实现的一个功能，即当用户点击某个菜单项时，可以同时打开多个浏览器标签页。这种功能在网页应用中很常见，例如导航菜单、产品展示或者多页面比较等场景。 首先...
jqurey获取复选框状态
最新发布
10-30
如果你想要使用jQuery获取复选框（checkbox）的状态，你可以使用`.is()`方法或者是`.prop('checked')`属性。以下是两个示例： 1. 使用`.is(':checked')`: ```javascript var isChecked = $('#myCheckbox').is(':...
jquery查找某个节点的索引
09-05 873
如查找某个td在tr中的索引，可以通过jquery的index()方法实现。 1 2   function clickMe(obj){ var index = $('table tr').index($(obj).parent()); aler
JQuery选择器
weixin_45846263的博客
05-16 129
.css的选择器： 标签选择器：div ID选择器：#idf 类选择器：.d 群组选择器：div,span 后代选择器：ul li 通配选择符: * .JQery与Css选择器的比较： Css选择器添加的样式、风格、外观； JQuery添加的行为； 运用JQuery判断元素是否存在是 不能运用下面的方式： if($("#v")){.......} 应用运用长度来判断： if($("#v").length>0){........} .JQuery基本选择器： $("*"): 匹配所有元素； $(
jquery .index()一直返回-1的问题
weixin_44252316的博客
09-05 2813
前端时间做选项卡切换的时候的问题，一直存在文档里，现在把它们一一搬过来 因为做选项卡切换需要用$(“this”).index()获取当前页面索引， 但使用$(“this”).index() 获取索引的时候，遍历获取的值全为-1 ，原本应该是0 1 2 3 才对 就去查了一下 返回-1的含义：-- index() 当前所有兄弟节点所在位置，是因为找不到，所以返回 -1 解决方法： 本来使用的是...
jquery获取当前元素索引值index()方法
m0_55487894的博客
06-07 2244
【代码】jquery获取当前元素索引值index()方法。
jquery获取当前元素索引值index()方法（总结）
叶落无痕的博客
10-24 1万+
jquery的index()方法 搜索匹配的元素，并返回相应元素的索引值，从0开始计数。 如果不给 .index() 方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。 如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。 如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。 1 <ul> 2 <li id="foo">foo</li.
jquery修改表格td值
欧程部落
03-08 1万+
这几天在项目中，需要对页面一个表格的数据做更改如果，从数据库中获取的数据都是以MB为单位，视觉上不够直观，需要进行更改，因此在页面加载后就需要立即修改各种数值： 采用方法如下： 1.页面引入jquery，使用就绪函数，这样页面加载就可以调用函数进行表格数值更改： $(document).ready(function(){ changeTotalSpace(); changUs
jquery笔记：each、get、index
peade的博客
02-05 620
$.each(callback) return false,跳出循环，return true，进入下一个循环 $("li").get(0); 获取第一个li元素 index示例： foo bar baz $('li').index(document.getElementById('bar')); //1，传递一个DOM对象，返回这个对象在原先集合中
jQuery中index的用法
sty_star的博客
04-18 1501
jQuery中index是用来查找匹配的元素并且返回索引值 从0开始 html代码 <ul> <div></div> <li></li> <li id="foo">foo</li> <li id="bar">bar</li> <li id="baz">baz&lt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值