如何获取表格单元格的列索引

Question

我该如何在jQuery中获取表格中任何HTML分隔符元素的列索引？这是我的HTML代码：

table {
 border:1px solid navy;
 width: 70%;
 text-align: center;
}
table th {
 text-align: center;
 width:100px;
 height:20px;
}
table td {
 width: 100px;
 height: 100px;
 vertical-align: top;
 text-align: right;
 border: 1px solid #c6c6ec;
}

<table>
  <tbody>
    <tr>
      <th>Header</th>
    </tr>
    <tr>
      <th>Header1</th><th>Header2</th><th>Header3</th>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td>Want this column index e.g.</td>
      <td></td>
    </tr>
    </tbody>
</table>

我已经使用以下jQuery获取了行索引：

var text_var = "Want this column index e.g."
var elem = $('td').filter(function() { 
        var Text = $(this).contents()[0].textContent.trim();
        return parseInt(Text, 10) == text_var;
    });
var row_index_first = elem.parent().index();

我想获取与某个列类似的列..?

谢谢

- Ruth Young

---

只需使用“elem.index();”即可获取列索引。 - Satpal

Answer 1

逻辑非常相似，您只需要直接检查text()而无需将其转换为整数，然后在elem上调用index()。 试试这个：

var text_var = "Want this column index e.g."
var elem = $('td').filter(function() {
  return $(this).text().trim() == text_var;
});
var row_index_first = elem.index();

console.log(row_index_first);

table {
  border: 1px solid navy;
  width: 70%;
  text-align: center;
}

table th {
  text-align: center;
  width: 100px;
  height: 20px;
}

table td {
  width: 100px;
  height: 100px;
  vertical-align: top;
  text-align: right;
  border: 1px solid #c6c6ec;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <th>Header</th>
    </tr>
    <tr>
      <th>Header1</th>
      <th>Header2</th>
      <th>Header3</th>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td>Want this column index e.g.</td>
      <td></td>
    </tr>
  </tbody>
</table>

- Rory McCrossan

---

elem.index()在转换为整数时仍然可以正常工作！谢谢 - Ruth Young

我假设 td 的文本是数字，不管怎样，很高兴能帮忙！ - Rory McCrossan

啊，是的，它在我的代码里 - 你说得对，就是我上面写的那个！ - Ruth Young