`each`标签的使用

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

• 我的数据<td><span class="odds-text" id="ball_9_h3">2.8</span></td>

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

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

打印`this`

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

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

打印`this.id`.png

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

打印`$(this)`

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

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

打印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+'<br>');
        // console.log(ss+'---'+aa+'<br>');
        var aa = $(this).text();
        document.write(aa+"<br>");
        console.log(aa+"<br>");
    })

获取文本

所以，我们如果要获取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