jquery表格行进行编辑 如何获取当前的行数据
2018-12-15 · 知道合伙人软件行家
关注
展开全部
jquery代码
$(".myclass").each(function(){
$("#sub",this).click(function(){
// alert(1)
alert($(this).parents("tr").html());
});
});
});
表格html代码
<table border="1">
<tr class="myclass">
<th>Month</th>
<th>Savings</th>
<th><input id="sub" type="submit" ></input></th>
</tr>
<tr class="myclass">
<td>January</td>
<td>$100</td>
<th><input id="sub" type="submit" ></input></th>
</tr>
</table>
通过$(this)获取所点击的按钮,
$(this).parents(“tr”)获取按钮所在行,
$(this).parents(“tr”).find(“.”).text()获取按钮所在行class为的元素的值。
$(".myclass").each(function(){
$("#sub",this).click(function(){
// alert(1)
alert($(this).parents("tr").html());
});
});
});
表格html代码
<table border="1">
<tr class="myclass">
<th>Month</th>
<th>Savings</th>
<th><input id="sub" type="submit" ></input></th>
</tr>
<tr class="myclass">
<td>January</td>
<td>$100</td>
<th><input id="sub" type="submit" ></input></th>
</tr>
</table>
通过$(this)获取所点击的按钮,
$(this).parents(“tr”)获取按钮所在行,
$(this).parents(“tr”).find(“.”).text()获取按钮所在行class为的元素的值。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询