`each`标签的使用

场景：我的项目每一个td标签的class都是odds-text,我想通过这个获取id和里面的值.

• 我的数据2.8

-1.我们先打印this看看是什么

$(".odds-text").each(function(i){
        document.write(this+"
");
        console.log(this+"
");
    })
我们看到打印出来的是一个对象

打印`this`

-2.那么我们打印this.id看看

$(".odds-text").each(function(i){
        document.write(this.id+"
");
        console.log(this.id+"
");
    })
结果正是我们每个class对应的id

打印`this.id`.png

---

-3.打印$(this) ，发现与上面打印的this不一样

打印`$(this)`

-4.打印id的另一种形式

$(".odds-text").each(function(i){
        var aa = $(this).attr("id");
        document.write(aa+"
");
        console.log(aa+"
");
    })

打印id

-5.获取文本

此处的i是指每一次循环0，1，2，3，4......
    $(".odds-text").each(function(i){
        // var ss = $(this).text();
        // var aa = this.id;
        // document.write(ss+'---'+aa+'
');
        // console.log(ss+'---'+aa+'
');
        var aa = $(this).text();
        document.write(aa+"
");
        console.log(aa+"
");
    })

获取文本

所以，我们如果要获取id，可以是this.id，或者$(this).attr("id")

---

比如我有写数据，取出每一行td的内容

图片.png

var data = new Array();
        $("tbody tr").each(function(i){
            data[i] =  $(this).children("td").eq(0).text();
// 不可以 data[i] =  $(this).children().find("td").text();
        });
        document.write(data);

打印出来的就是

图片.png