html table双击某一行,前台拼接table完成点击获取整行值（可以直接用）

前台拼接table完成点击获取整行值：

后台返回的数据：

{result0_6={paramitem=长度, rpstesttimeTime= 10:43:47, productserielno=001, batchno=1, processname=检验, productnum=001, rpstesttimeDate=2020-12-09, testvalue=123, operateor=, processno=1, cmmcount=20}, result7=[001, 002, 003, 004, 005, 006, 007, 008, 009, 010, 011, 012, 013, 014, 015, 016, 017, 018, 019, 020], result8=[长度--123--12--12--4--5--25--26--21--22--22--25--25--25--25--25--25--25--25--25--25]}

js拼接：

function querylist(){

if(isEmpty($("#processid option:selected").val()) || isEmpty($("#batchno").val())){

swal({

title:"",

text:"测量岗位/批次号不能为空",

type:"warning"

})

return false;

}

$.ajax({

url:"${ctx}/InspRecordController/dList",

type:"post",

data:{

"processid":$("#processid option:selected").val(),

"batchno":$("#batchno").val()

},

success:function(data){

console.log(data);

$("#h_3").hide();

//alert();

if(isEmpty(data.result8)){

swal({

title:"",

text:"查询无果",

type:"warning"

})

}else{

var tr_0,tr_1,tr_2,tr_3,tr_4,tr_5,tr_6,tr_7,tr_8;

for(var i=0;i

tr_0 += "

"+data.result0_6.productnum+"";

tr_1 += "

"+data.result0_6.processname+"";

tr_2 += "

"+data.result0_6.batchno+"";

tr_3 += "

"+data.result0_6.operateor+"";

tr_4 += "

"+data.result0_6.rpstesttimeDate+"";

tr_5 += "

"+data.result0_6.rpstesttimeTime+"";

tr_6 += "

"+data.result0_6.cmmcount+"";

tr_7 += "

"+data.result7[i]+"";

}

for(var j = 0 ;j

var tr_8_result = data.result8[j].split("--");

var a = '

spc';

for(var k = 0;k

a += '

'+tr_8_result[k]+'';

}

a +='

';

tr_8 += a;

}

var t_tr = '

零件号'+tr_0+''+

'

测量岗位'+tr_1+''+

'

批次号'+tr_2+''+

'

检验员'+tr_3+''+

'

日期'+tr_4+''+

'

时间'+tr_5+''+

'

检测数量'+tr_6+''+

'

工件编号'+tr_7+''+tr_8;

$("#t_table").html(t_tr);

}

},

error:function(){

console.log("数据查询显示失败：/emrp/src/main/webapp/WEB-INF/views/aehPrdInspctionReport/dataView/inspRecordPage.html");

}

})

}

前台html:

暂无数据，请选择查询条件

点击获取一行的所有td:

function spc(){

var vArray = new Array();

var tab = document.getElementById("t_table")

var tr = tab.getElementsByTagName("tr")

for(var i = 0; i < tr.length; i++) tr[i].onclick = function() {

var thisTR = this.innerHTML; //所点击的一行内容

/* var tow = $(this).children().eq(1).text(); //所点击的一行的第二个td内容 */

var tds = $(this).children();

console.log(tds);

console.log(tds.length);

for(var k = 1;k

var a = $(this).children()[k].innerHTML;

//alert($(this).children()[k+1].innerHTML);

vArray.push(a);

}

alert(vArray);

}

}

大佬勿喷，欢迎提意见建议评论！！！！

标签：25,--,tr,result0,整行,拼接,var,table,data

来源： https://blog.csdn.net/ydd100100/article/details/110920078