使用Javascript或jQuery获取表中的td元素索引

Question

所以我有一张桌子..它采用玉石模板格式，所以我没有为它创建一个jsfiddle。

无论如何，用户点击表格中的一个按钮，这会切换一个类，该类显示与该表有关的所有信息。

用户点击并执行此代码：

$(function() {
  $('.information-button').click(function() {
    detailsPopup(this);
  });
});

onclick调用以下函数：

function detailsPopup(el) {
//   $(el).find("td").each(function(index){
//    var bookingData = $(this).html();
// })
array1.indexOf(td [ fromIndex])
  console.log($(el));
  $(".details--info, .overlay--contain").toggle('600');
}

我遇到的问题是，我需要遍历预订中的所有td元素，抓取索引并将其传递给onclick事件。因此，当我切换显示信息的类时，它只显示该表格单元格的信息。

任何人都知道如何实现这一目标？谢谢！

Answer 1

在jquery中使用Index。

选择父级并获取索引号。

即：

$(el).closest('tr').index();