请教一个js的问题。获取表格点击所在的行

问答

Mmaxushuang发布于 10 年前最后回复 10 年前

995020

<% results.forEach(function(result,index){%> <%})%>

学号	姓名	近期详情
<%=result.s_id%>	<%=result.name%>	近期详情

var tab=document.querySelector("table");
tab.addEventListener("click",function(e){
	var event=e || window.event;                              //	获取事件
	var srcEvent=event.srcElement || event.target;   //     获取事件目标
	///求教
});	
请问，如何获得点击的button  是哪一行的？谢谢。

查看回复

maxushuang#910 年前

引用 magicdawn其实我不太懂为什么都在去 jQuery 1. 时间委托, 省去了你手动判断target 是不是想要的 2. closest / index 等方法很好用

@magicdawn 谢谢，这个确实可以。不知道用原生js的话，怎么搞定

klausgao#810 年前

lz真心是入门级的。记住，表现层的东西永远应该有一个业务实体。所以无论你用jquery还是别的，都要有一个array相对应。好吧说了那么多，用vue吧，你要做的只要监控好实体，别的事情vue就自动帮你搞定了。

magicdawn#710 年前

其实我不太懂为什么都在去 jQuery

$('table').on('click', 'button', function(){
  var $tr = $(this).closest('tr');
  var index = $tr.index();
});

时间委托, 省去了你手动判断target 是不是想要的
closest / index 等方法很好用

magicdawn#610 年前

如果你点的是 button, 那么 srcElement 回是这个 button

// 非button点击
if(srcElement.nodeName !== 'BUTTON') return;

var tr = srcElement.parentNode;
while(tr.nodeName !== 'TR') tr = srcElement.parentNode;

// 第几行
var table = this;
var index = table.children.indexOf(tr);

William17#510 年前

自定义属性

gzhangzy#410 年前

function(e){
	var event=e || window.event;                              //	获取事件
	var srcEvent=event.srcElement || event.target;   //     获取事件目标
	///求教
}

改成这样：

function listener(line) {
    return function(e){
	    var event=e || window.event;                              //	获取事件
	    var srcEvent=event.srcElement || event.target;   //     获取事件目标
	    ///求教
    };
}

在第一行加 listener(1)，第二行加listener(2) ...

maxushuang#310 年前

引用 captainblue2013不是不可以，只是觉得你这个操作有点怪，你不妨说说你的最终目的是什么

@captainblue2013 最终目的是，监听表格里每行的button，然后进行事件处理

Eamonnzhang#210 年前

判断当前的tr是第几个孩子节点吧

来自酷炫的 CNodeMD

captainblue2013#110 年前

不是不可以，只是觉得你这个操作有点怪，你不妨说说你的最终目的是什么

参与回复

登录后即可参与回复。登录

请教一个js的问题。获取表格点击所在的行

回复 (9)

参与回复