如何用jQuery知道<table>中<tr>的索引？

要在jQuery中获取<table>中<tr>的索引，您可以使用.index()方法。以下是一个示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>jQuery Table Example</title>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
   <table id="myTable" border="1">
        <tr>
            <td>Row 1</td>
        </tr>
        <tr>
            <td>Row 2</td>
        </tr>
        <tr>
            <td>Row 3</td>
        </tr>
    </table>

   <script>
        $(document).ready(function(){
            $("#myTable tr").click(function(){
                var rowIndex = $(this).index();
                alert("Row index: " + rowIndex);
            });
        });
    </script>
</body>
</html>

在这个示例中，我们在<table>中添加了一个id，以便在jQuery中轻松选择它。然后，我们使用$("#myTable tr")选择所有<tr>元素，并为它们添加一个.click()事件处理程序。当用户单击任何<tr>时，它将显示该行的索引。

.index()方法返回元素在其兄弟元素中的索引。在这种情况下，它将返回<tr>在其父元素（<table>）中的索引。请注意，这是从0开始的索引，因此第一行的索引为0，第二行的索引为1，依此类推。