选择单个td表

Question

我有下表：

<table>
<tr>
  <td>1</td>
  <td>2</td>        
  <td>3</td>
</tr>
<tr>
  <td>4</td>
  <td>5</td>        
  <td>6</td>
</tr>
<tr>
  <td>7</td>
  <td>8</td>        
  <td>9</td>
</tr>
</table>

哪个输出：

123
456
789

如何使用<td>单独选择每个jQuery？有什么选择器？

Answer 1

您需要使用特殊的jQuery选择器：

//第二行

$row2 = $('table').find('tr:eq(1)');

//在第二行找到第三个元素

$el3  = $row2.find('td:eq(2)');

//然后使用.text()或.html()

访问该值

$valueEl3 = $el3.text();

索引从0开始。

Answer 2

jsFiddle

<强> HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>

<强> JS

$.each($('table td'), function (index, value) {
    alert($(value).html());
});