当点击编辑时,获取编辑同级标签的内容实现方法:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<table>

<thead>

<tbody>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

<td onclick="get_prev(this);">编辑</td>

</tr>

</tbody>

</thead>

</table>

<script src="jquery-3.1.0.min.js" type="text/javascript"></script>

<script type="text/javascript">

function get_prev(arg){

//$(arg).siblings(),表示所有的兄弟标签

//map会循环多个标签中的每一个标签,

//每一个标签被循环时都会执行map内部的函数并获取其返回值(第一次返回值1,第二次2,第三次3)

//将所有的返回值封装到一个数组(列表)中,

//最后返回列表list

var list = $(arg).siblings().map(function (){

//当前循环的标签

return $(this).text();

});

console.log(list[0],list[1],list[2]);

}

</script>

</body>

</html>


注意:

如果要获取一对标签中间的内容用:$(this).text()

如果要获取select、input系列标签中的内容用val()