识别特定td在jQuery中的tr的第n个子级

Question

参考下表示例，在jQuery中，如何识别列的行的子体编号(3以下(？

$(".colclass").click(function (e) {
//get td descendant number to tr, ie 3 in this case
});
<table>
<tr>
<td></td>
<td></td>
<td class="colclass"></td>
<td></td>
</tr>
</table>

Answer 1

您可以使用.index将目标的索引作为父元素的子元素(即本例中的tr(：

$(".colclass").click(function (e) {
console.log($(this).index());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td>1</td>
<td>2</td>
<td class="colclass">3</td>
<td>4</td>
</tr>
</table>