如下代码,已简化
<html>
<table class="ABC">
<tr>
<td></td>
<td></td>
</tr>
</table>
<table class="DEF">
<s:iterator>
<tr class="trDEF">
<td></td>
<td><s:property value="id"/></td>
</tr>
</s:iterator>
</table>
</html>
请问一下当我点击第2个table中任意一行时,JS或JQuery如何获取class="DEF"的table中<td><s:property value="id"></td>这个的值。
------解决方案--------------------
在第2个table的tr上加onclick事件 获取table中<td><s:property value="id"></td>的值。建议用jquery,选择器文档 很全
------解决方案--------------------
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$('.DEF tr').click(function() {
alert($(this).find("td :eq(1)").html().trim());
});
});
</script>
</head>
<body>
<table class="ABC">
<tr>
<td>
5
</td>
<td>
7
</td>
</tr>
<tr>
<td>
51
</td>
<td>
72
</td>
</tr>
</table>
<hr>
<table class="DEF">
<tr class="trDEF">
<td>
1
</td>
<td>
11
</td>
</tr>
<tr class="trDEF">
<td>
2
</td>
<td>
22
</td>
</tr>
</table>