在选择 jQuery 中获取选项索引 - Javascript

当我们需要获取一个select元素中选中选项的索引时，可以使用 jQuery 中的 .index() 方法。这个方法返回一个整数，表示选中选项在父元素中的位置（从0开始计算）。

以下是一个获取select元素中选中选项索引的示例代码：

var selectedIndex = $('select option:selected').index();

这行代码首先使用 jQuery 选择器选中选中的选项（即被添加了 selected 属性的元素），然后调用 .index() 方法获取它在父元素中的位置。

如果我们需要在选项变化时动态地获取索引，可以在select元素上绑定 change 事件：

$('select').on('change', function() {
  var selectedIndex = $(this).find('option:selected').index();
});

这段代码中，我们在select元素上绑定了 change 事件，并在回调函数中获取选中选项的索引。

需要注意的是，如果我们想要获取在select元素中第一个匹配选项的索引，可以使用 .index() 方法的另一种形式：

var selectedIndex = $('select').find('option[value="someValue"]').index();

这行代码中，我们先使用选择器选中select元素，然后使用 .find() 方法找到第一个具有 value 属性且值为 "someValue" 的选项元素，并最终调用 .index() 方法获取索引。

以上就是在选择 jQuery 中获取选项索引的相关介绍和示例代码。