当点击编辑时，获取编辑同级标签的内容实现方法:
<!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 class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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()
共同學習，寫下你的評論
評論加載中...
作者其他優質文章
