jQuery中on方法绑定事件如何有效的获取当前点击元素的index下标

可以使用 jQuery 的 `index()` 方法来获取当前点击元素在其父元素中的位置索引。具体做法如下：

1. 在事件处理函数中使用 `$(this)` 获取当前点击元素。

2. 使用 `parent()` 方法获取当前元素的父元素。

3. 在父元素上调用 `children()` 方法，获取所有子元素的集合。

4. 在子元素集合上调用 `index()` 方法，传入当前点击元素作为参数，即可获取当前元素在父元素中的位置索引。

下面是一个示例代码，可以参考一下：

$('父元素').on('click', '子元素', function() {
  var index = $(this).parent().children().index($(this));
  console.log(index);
});

其中，`父元素` 为当前元素的父元素的选择器，`子元素` 为当前元素的选择器。

注意，如果子元素集合中存在其他非子元素的元素，可能会导致位置索引不准确，建议在选择器中加入明确的子元素关系，例如：`父元素 > 子元素`。

相关问题

jquery click事件如何获取当前点击元素的数据

可以使用 `$(this)` 来获取当前点击的元素，然后再使用 `.data()` 方法来获取该元素的数据。例如：

$("button").click(function(){
  var data = $(this).data("mydata");
  console.log(data);
});

在上面的例子中，当按钮被点击时，`$(this)` 会返回当前点击的按钮元素，然后使用 `.data("mydata")` 方法获取该元素上名为 `mydata` 的数据。

jquery click事件如何获取当前点击元素的value？

可以使用 `$(this)` 来获取当前点击的元素，然后再使用 `.val()` 方法来获取该元素的 value 值。例如：

$("button").click(function(){
  var value = $(this).val();
  console.log(value);
});

在上面的例子中，当按钮被点击时，`$(this)` 会返回当前点击的按钮元素，然后使用 `.val()` 方法获取该元素的 value 值。如果想获取其他元素的 value 值，只需要将选择器指定为该元素的选择器即可。