JS get the value in table <td>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<style>
table{
text-align: center;
}
td{
width: 100px;
height: 30px;
}
</style>
</head>
<body>
<table id="tab" border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">
<tr>
<td>serial number</td>
<td>Book Code</td>
<td>操作</td>
</tr>
<tr>
<td>1</td>
<td>1001</td>
<td><button id="but" onclick="showTab('1')">详情</button></td>
</tr>
<tr>
<td>2</td>
<td>1002</td>
<td><button id="but" onclick="showTab('2')">详情</button></td>
</tr>
<tr>
<td>3</td>
<td>1003</td>
<td><button id="but" onclick="showTab('3')">详情</button></td>
</tr>
</table>
<script>
function showTab(id)
{
var tab=document.getElementById("tab");
alert(tab.rows[id].cells[1].innerHTML);
}
</script>
<br/>
<table id="tab1" border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">
<tr><td>Serial Number</td><td>Book Code</td><td>Operation</td></tr>
<tr>
<td>1</td>
<td>1001</td>
<td><a href = "javascript:;" onclick ="add('1001');">详情</a></td>
</tr>
<tr>
<td>2</td>
<td>1002</td>
<td><a href = "javascript:;" onclick ="add('1001');">详情</a></td>
</tr>
<tr>
<td>3</td>
<td>1003</td>
<td><a href = "javascript:;" onclick ="add('1001');">详情</a></td>
</tr>
</table>
<script>
function add(id)
{
var tab=document.getElementById("tab1");
alert(tab.rows[id-1000].cells[1].innerHTML);
}
</script>
</body>
</html>
The result is as follows
