在table里动态获取tr里的所有数据

最新推荐文章于 2023-07-05 09:25:09 发布

原创最新推荐文章于 2023-07-05 09:25:09 发布 · 3.4k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在JavaScript中实现点击HTML表格的某一行时，动态获取该行内的数据，特别是第一列input字段的value值。通过提供的代码示例，读者可以学习到一种实现这一功能的方法。

在一个table中点击一个td动态获取所在tr一行的数据

在点击每一行的td，需要获取对应行的第一列input的value值，对应的js代码参考下方：

百度出来的：

function change(){
   var text = $(this).parents('tr').children('td:eq(0)').text;
   console.log(text);
}

我的代码：

 $.get("selectOaUser",
 {
	oaorganId:currentNode.id
 },
 function(data,status){
	for(var i = 0;i<data.length;i++){
	    	$("#oaUsers").append("<tr>"+"<td><input type='radio' name='oauserid' class='oauserid' value='"+data[i].nUserId+"'></td><td>"+data[i].vUserName+"</td><td>"+data[i].vLoginName+"</td>"+"</tr>");
	}
 });
 //点击获取到OA用户id
 $("table").on("click",".oauserid",function(){
	$("#ds_user_id").val($(this).val());
	var text = $(this).parents('tr').children('td:eq(1)').text();
	$("#ds_user").val(text);
 });