Question

我有一个这样的表，我需要在单击一行中的特定单元格时获得行索引值。点击其余单元格时，我不需要获取任何值。

<table>
   <tr>
      <td>1</td><td>1</td><td>1</td>
   </tr>
   <tr>
      <td>2</td><td>2</td><td>2</td>
   </tr>
      <td>3</td><td>3</td><td>3</td>
   </tr>
</table>

这是我的jQuery代码。我完全得到行索引值

$(function(){

    $("table tr").click(function(){
    console.log($(this).index());
});
});

但是我只需要点击特定的单元格。我在这里使用了第三个细胞。

//$("table tr").find('td').eq(2).click(function() {

Answer 1

您可以使用closest('tr')。

＆＃13;

$(function(){

    $("table tr td").click(function(){
    console.log($(this).closest('tr').index());
});
});

＆＃13;

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

＆＃13;

Answer 2

    <table>
        <tr>
            <td>1</td><td>1</td><td>1</td>
        </tr>
        <tr>
            <td>2</td><td>2</td><td>2</td>
        </tr>
        <tr>
            <td>3</td><td>3</td><td>3</td>
        </tr>
    </table>


     $(function(){

         $("table tr").each(function(){
            $(this).find("td").eq(2).click(function(){
                console.log($(this).text());
            });

         });
     });

使用此代码可以帮助您

http://jsfiddle.net/sc6Ld40v/

单击特定行td时尝试获取行索引值

2 个答案: