javascript - 触发单击具有特定类和属性的元素

Question

我有几个与某个类相关的链接元素并为其分配了行属性，我正在尝试根据属性值触发点击事件。

<a class="manage_edit_nb" nb_id="1"></a> | <a class="manage_del_nb" nb_id="1"></a>
<a class="manage_edit_nb" nb_id="2"></a> | <a class="manage_del_nb" nb_id="2"></a>
<a class="manage_edit_nb" nb_id="3"></a> | <a class="manage_del_nb" nb_id="3"></a>...

是否可以为某个类的某个属性值触发点击或任何事件？

如果我尝试类似的东西

$('a[nb_id = "1"]').trigger('click');

它会触发所有元素的点击事件，与类无关，但我没弄清楚如何将类引用放在那里!

Answer 1

首先，nb_id 不是有效属性，请改用 data-id。 data-* 属性是允许的，我个人很喜欢。并且，可以使用 $.attr('data-id') 方法访问它们，并且可以使用 $.attr('data-id', 'new value' )。回到问题，尝试使用下面的选择器

$('.manage_del_nb[data-id="1"]').get(0).click();

或

$('.manage_edit_nb[data-id="1"]').get(0).click();

为什么是 .get(0)？假设该元素已与 .click(callback()) 或 .on('click') 绑定(bind)，则 .trigger('click') 不会做任何事情，所以我使用 .get(0) 来获取具有模拟点击事件的方法的 DOM 对象。不管怎么说，您都可以按照您已经在使用的方式使用 trigger('click')