获取列号为

时间:2017-08-28 15:27:18

标签: javascript jquery html

我有一个文字。现在我想如果我的文本与任何列值匹配,那么我的方法返回行和列号。我当前的代码只读取列号,但我无法理解如何获取行号。

样本表:



var index = $('tr td').filter(function() {
  return $(this).text() == 'Dhaka';
}).index();
console.log(index);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Rion</td>
    <td>Bogra</td>
    <td>34</td>
  </tr>
  <tr>
    <td>Hasib</td>
    <td>Dhaka</td>
    <td>23</td>
  </tr>
</table>
&#13;
&#13;
&#13;

如果我给&#34;达卡&#34;作为我给定的文本,然后我的代码返回第1列,但我还需要行号为2。

1 个答案:

答案 0 :(得分:1)

您可以使用el.closest('tr').index()作为行号并使用el.index()作为列号 - 请参阅下面的演示:< / p>

&#13;
&#13;
var el = $('tr td').filter(function() {
    return $(this).text() == 'Dhaka';
  });
console.log(el.index(), el.closest('tr').index());
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<table>
  <tr>
    <td>Rion</td>
    <td>Bogra</td>
    <td>34</td>
  </tr>
  <tr>
    <td>Hasib</td>
    <td>Dhaka</td>
    <td>23</td>
  </tr>
</table>
&#13;
&#13;
&#13;