javascript - 获取 <td> 的 html

Question

我正在使用以下函数来尝试通过从上面的行中引用它来获取元素的 html(我觉得我出于某种原因必须这样做，我不会深入探讨)。

function test() {
    var rowAmount = $("#orderTable > tbody > tr").length;    
    for(i = 0; i < rowAmount; i++) {
        $( "#orderTable > tbody > tr :eq(i)" ).setAttribute( "id", "row" + (i + 1) );    
    }
   alert($( "tr#row1" ).next().find( "td.qty" ).html());
}

我正在使用 for 循环来设置我拥有的行的 ID，我希望从中引用的行。我将根据其中的值插入新行。

我得到的错误是这一行，

$( "#orderTable > tbody > tr :eq(i)" ).setAttribute( "id", "row" + (i + 1) );

返回错误，undefined 不是函数。

有人知道为什么吗？

提前致谢。迈克。

Answer 1

setAttribute是一个不是 jquery 的 javascript 函数(您尝试将它与 jquery 对象一起使用)。您可以使用 jquery .attr()喜欢:

$("#orderTable > tbody > tr :eq(" + i + ")").attr("id", "row" + (i + 1));  

这是一个例子:

var i = 1;
$("#orderTable > tbody > tr :eq(" + i + ")").attr("id", "row" + (i + 1));

#row2 {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="orderTable">
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
  </tbody>
</table>