Jquery 调用$(此)中的元素?

Jquery 调用$(此)中的元素?,jquery,Jquery,可能重复: 我正在运行一个循环来遍历每个表行。我想访问每个表行中的元素。我该怎么做 表格: <table> <tr> <td class="a">x</td> <td class="b">x</td> <td class="c">x</td> </tr> <tr> <td class="a">x</td> <td class="b">x&l

可能重复:

我正在运行一个循环来遍历每个表行。我想访问每个表行中的元素。我该怎么做

表格:

<table>
<tr> <td class="a">x</td> <td class="b">x</td> <td class="c">x</td> </tr>
<tr> <td class="a">x</td> <td class="b">x</td> <td class="c">x</td> </tr>
<tr> <td class="a">x</td> <td class="b">x</td> <td class="c">x</td> </tr>
<tr> <td class="a">x</td> <td class="b">x</td> <td class="c">x</td> </tr>
</table>
$("tr").each(function(index) {

    // get class a text
    $(this + " td.a").text();

    // get class b text
    $(this + " td.b").text();

    // get class c text
    $(this + " td.c").text();

});
您可以使用以下方法:

如果您“正常”访问它(即不使用jQuery),则只需获取
单元格
属性即可

var trs = document.getElementsByTagName('tr'), l = trs.length, i, tds;
for( i=0; i<l; i++) {
    tds = trs[i].cells;
    // do stuff with tds
]
var trs=document.getElementsByTagName('tr'),l=trs.length,i,tds;

对于(i=0;i,jQuery函数的第二个参数是上下文:


这将找到属于
This

的所有
td.a
子体。如果您需要多次调用
$(This)
,则应将其分配给局部变量以提高性能。有关更多信息,请参阅本文:

$("tr").each(function() {
    var $this = $(this),
        aText = $this.find('.a').text(),
        bText = $this.find('.b').text(),
        cText = $this.find('.c').text();
});

最后,您可以使用
.find()

$("tr").each(function(index) {

    var $this = $(this);

    // get class a text
    $this.find("td.a").text();

    // get class b text
    $this.find("td.b").text();

    // get class c text
    $this.find("td.c").text();

});

阅读API文档。另外,jQuery API包含您需要的所有信息。花一两个小时来浏览,这是值得的。我在发布之前尝试过这个,但它不起作用。但是现在它起作用了!!谢谢。欢迎:)注意!谢谢,我不知道你可以这样构造它!!!
$("tr").each(function() {
    var $this = $(this),
        aText = $this.find('.a').text(),
        bText = $this.find('.b').text(),
        cText = $this.find('.c').text();
});
$("tr").each(function(index) {

    var $this = $(this);

    // get class a text
    $this.find("td.a").text();

    // get class b text
    $this.find("td.b").text();

    // get class c text
    $this.find("td.c").text();

});
$("tr").each(function(index) {

    // get class a text
    $("td.a", this).text();

    // get class b text
    $("td.b", this).text();

    // get class c text
    $("td.c", this).text();

});