<html>
<body>
<div id="p1">
<div id="p2">
<table>
<tr>
<td></td>
<td>
<input type="text"/>
<input type="text"/>
<input type="text"/>
</td>
<td><button οnclick="f1(this)">按钮</button></td>
</tr>
<tr>
<td></td>
<td>
<input type="text"/>
<input type="text"/>
<input type="text"/>
</td>
<td><button οnclick="f1(this)">按钮</button></td>
</tr>
<tr>
<td></td>
<td>
<input type="text"/>
<input type="text"/>
<input type="text"/>
</td>
<td><button οnclick="f1(this)">按钮</button></td>
</tr>
</table>
</div>
</div>
</body>
</html>
<script type="text/javascript">
window.οnlοad=function(){
function f1(obj){
var tmp = obj;
//触发点击事件时，获取当前点击元素的祖先元素tr中第二个td的第一个input输入的值
//parents()获取所有的祖先元素td/tr/table/div/div/body/html
//parents("tr")指定tr元素
//children("td").eq(1)子节点中的第二个td
//find("input:first").val()第一个input标签的值
var value = $(obj).parents("tr").children("td").eq(1).find("input:first").val();
alert(value);
}
}
</script>
上一篇：jquery实现复选框全选或取消
下一篇：jquery实现TP5与bootstrap4的分页样式整合
讨论数量：0
