jquery表格行进行编辑 如何获取当前的行数据

jquery表格行进行编辑 如何获取当前的行数据,第1张

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 获取表格数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9604819.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存