table表格的遍历

1.没有选择按钮的table表格的遍历,如图所示:

  

   代码1:

<script>
    // 遍历每条数据的id,playlist代表tbody的id,这里id的值为vid,然后放在数组arr里面
    var arr=[];
    $("#playlist tr").each(function(k,v) {
        //v代表每一个tr标签
        var vid = $(v).data("dt");
        console.log("--->",v,vid);
        arr.push(vid);
    });
</script>

  代码2:

<script>
    var ads = [];
    // speakers代表tbody的id
    $("#speakers").find("tr").each(function() {
        // this代表每一个tr标签,tdArr代表每一个tr标签下面的所有td标签
        var tdArr = $(this).children();
        var dict = {}
        dict["title"] = tdArr.eq(0).html();//标题
        dict["adver"] = tdArr.eq(1).html();//视频广告
        dict["time"] = tdArr.eq(2).html(); //时间
        ads.push(dict)
    });
</script>

 

2.有选择按钮的table表格的遍历(取出按钮选中的),如图所示:

 代码1:

<script>
    var carts=[];
    // playlist是tbody的id
    $.each($('#playlist input:checkbox:checked'),function () {
        // 第一个parent是td,第二个parent是tr,第三个children是tr下面所有的td标签
        var p = $(this).parent().parent().children();
        // eq(1)代表第二个td标签
        carts.push(p.eq(1).text())
    });
</script>

代码2:

<script>
    var carts=[];
    $.each($('input:checkbox:checked'),function () {
        var dict = {}
        var p = $(this).parent().parent().children();
        dict["id"] = p.eq(1).text()
        dict["title"] = p.eq(2).text()
        dict["category"] = p.eq(3).text()
        dict["videlurl"] = p.eq(4).text()
        dict["brief"] = p.eq(5).text()
        carts.push(dict)
    });
</script>

 代码3: 

<script>
    var qas=[];
    $('#questionlist tr.gradeX input[type="checkbox"]').each(function (k, v) {
        // console.log(k,v);
        if ($(v).prop('checked')) {
            var tds = $(v).parent().parent().find('td');
            console.log(k,tds.eq(1).text());
            var record = [];
            // 每一行一共有多少列,就小于多少
            for(var i=1;i<7;i++)
                record.push(tds.eq(i).text());
            record.push(tds.eq(7).find("input").val());
            console.log("record=>",record);
            qas.push(record);
        }
    });
</script>

猜你喜欢

转载自blog.csdn.net/qq_34802511/article/details/82843742