Question

我有一个像这样的表格的HTML：

<table>
     <tr>
         <td rowspan="3">01</td>
         <td>02</td>
         <td>03</td>
     </tr>
     <tr>

         <td>05</td>
         <td>06</td>
     </tr>
     <tr>
         <td>08</td>
         <td>09</td>
     </tr>
</table>

现在使用jQuery：

rows = $('table')find('tr')

上面的代码将为我提供所有表格行现在获取第一行数据：

row_columns = $(row[0]).find('td')

现在我得到row_columns元素如下：

<td rowspan="3">01</td>
<td>02</td>
<td>03</td>

现在第二行类似：

row_columns = $(row[1]).find('td')

为此我得到：

<td>05</td>
<td>06</td>

现在我想要做的是找到第二个row_columns结果的列位置。那是

的位置

<td>05</td>

2 和

的位置

<td>06</td>

当列的计数从1开始时，

3 。

我怎样才能找到同样的位置。

Answer 1

您可以使用$(row[1]).find('td:eq(0)')或$(row[1]).find('td:first-child')

获取该信息

var row = $('table').find('tr');
var row_columns = $(row[1]).find('td:eq(0)');
console.log(row_columns);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td rowspan="3">01</td>
    <td>02</td>
    <td>03</td>
  </tr>
  <tr>

    <td>05</td>
    <td>06</td>
  </tr>
  <tr>
    <td>08</td>
    <td>09</td>
  </tr>
</table>

HTML表格查找其包含在rowspan中的列号

1 个答案: