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为的元素的值。
//先获取所有行
var rows=$("#tg")datagrid("getRows");
/然后遍历每一行,取出你需要的那一列对应的值(相当于间接的取了某一列的值)
column_name就是你要取值的列名/ for(var i=0;i<rowslength;i++){ var value=rows[i]column_name; alert(value); }
id为tbodyList的表格下,对每行tr进行 *** 作:
将input元素的0,4,5,6顺序的value属性(表格中的文本框或按钮等)加到数组bsdQty,bsdId,bsdId,gdetId,goodsId中;
将td元素(单元格)的1,5顺序的value属性(表格中的字符串数据)加到数组bsdRemark,
ocId中;
将td元素(单元格)的0,2,3顺序的html属性(html的源代码)加到数组goodsCard,goodsCode,
goodsColor中;
jQuery 提供了index()方法用于获取第一个匹配元素相对于其同胞元素的 index 位置(从0开始计数),基本语法为:$(selector)index()。因此当前 tr 的 index 可以得到行数,当前 td 的 index 可以得到列数。实例演示如下:
1、HTML结构
<table id = "test">
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
2、jquery代码
$(function(){
$("table td")click(function() {
var row = $(this)parent()index() + 1; // 行位置
var col = $(this)index() + 1; // 列位置
alert("当前位置:第"+row+"行,第"+col+"列")
});
});
3、效果演示
以上就是关于jquery表格行进行编辑 如何获取当前的行数据全部的内容,包括:jquery表格行进行编辑 如何获取当前的行数据、jquery easyui datagrid 如何获取表格某一列全部数据数据、谁能帮我解说这段代码吗 jquery 获取表格数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)