JQ如何取table中某一行的数据

可以在鼠标经过table时，获得当前行与列的值。页面如下所示：

具体 *** 作就是点击“删除”按钮，然后调用jquery插件页面，这时候需要获得相应行的“ID”进行 *** 作。

参考代码如下：

获取所有name为spCodeId的checkbox

      $('input:checkbox[name=spCodeId]:checked')each(function(i){

       if(0==i){

        spCodesTemp = $(this)val();

       }else{

        spCodesTemp += (","+$(this)val());

       }

      });

      $("#txt_spCodes")val(spCodesTemp);

思路：通过 :checked 筛选 checkbox 选中项，然后进行遍历，利用节点关系获取到input对象，最后使用val()方法获取input的内容。实例演示如下:

1、HTML结构

<table>

    <tr>

        <td><input type="checkbox" name="test"></td>

        <td><input type="text"></td><td><input type="text"></td>

    </tr>

    <tr>

        <td><input type="checkbox" name="test"></td>

        <td><input type="text"></td><td><input type="text"></td>

    </tr>

</table>

<input type="button" value="确定">

2、jquery代码

$(function(){

    $(":button")click(function() {

// 找到选中行的input

var ipts = $(":checkbox:checked")parents("tr")find("input:text");  

// 遍历input并使用val()方法获取值

        str = map(function() {return $(this)val();})get()join(", ");

        alert(str);

    });

});

3、效果演示

以上就是关于JQ如何取table中某一行的数据全部的内容，包括:JQ如何取table中某一行的数据、jQuery获取checkbox选中行的所有值、如何用JQuery实现获取checkbox选中的那一行的input中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！