javascript - 单击事件和多个数据对象

Question

我想知道你如何获得在集合中被点击的项目的索引，例如 ul li 中的列表？

我如何在具有多个选项卡的点击事件中访问该数据？

在下面的点击事件中，有一个数据字段，我想获取与被点击项目的索引对应的数据。

我该怎么做？

$(this).find('.tabs .tab').on('click', 'a span', { tab: 'Sale-Items', tab: 'All-Items' }, function (e) {
     alert(e.data.tab[0]); // <-- doesn't work
     $(this).unwrap('<a href="#"></a>').end()
     $(this).parent().siblings().each(function () {
         $(this).find('span:not(a span)').wrap('<a href="#"></a>');
     });
 });

Answer 1

很难准确地说出你想要什么，但如果你想要点击元素的 li 的索引号，请执行以下操作:

var index = $(this).closest('li').index();

我不知道你想做什么:

{ tab: 'Sale-Items', tab: 'All-Items' }

一个对象不能有重复的属性。但是您可以使用 event.data.tab 访问数据。

也许您打算使用数组:

['Sale-Items', 'All-Items']

event.data[0]

或者您可以有一个引用您的数组的对象:

{tab:['Sale-Items', 'All-Items']}

event.data.tab[0]