博客列表 >jquery获取表格中循环出的行内单元格数据

jquery获取表格中循环出的行内单元格数据

lilove的博客
lilove的博客原创
2018年07月08日 09:45:143218浏览
//注意由于要多次选择相同属性单元格元素只能用class选择器(id唯一性优先级不适用)
$(".table_tr").each(function(){
        $("#edit_btn",this).click(function(){
            var cate_name = $(this).parents("tr").find("td:nth(1)").text();
            var cate_order = $(this).parents("tr").find("td:nth(2)").text();
            var cate_type = $(this).parents("tr").find("td:nth(3)").text();
            $('#edit_cate_name').val(cate_name);
            $('#edit_cate_order').val(cate_order);
            $('#edit_cate_type').val(cate_type=='单页面'?0:1);
        });
    });

触发元素设置id="edit_btn",表格行数据设置class="table_tr",注意一定要加this。

代码中:

$(this).parents("tr").find("td:nth(1)").text();

获取到的数据是string类型。如果单元格很多,可循环获取。

赋值到其他元素中:

$('#edit_cate_name').val(cate_name);
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议