场景：我的项目每一个
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
