[英]trigger click an element with a specific class and attribute
我有几个与某个类相关的链接元素,并为其分配了行属性,我试图根据属性值触发click事件。
<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>...
是否可以针对某个类触发某个属性值的click或任何事件?
如果我尝试类似的东西
$('a[nb_id = "1"]').trigger('click');
它会触发所有元素的click事件而不管是什么类,但我没有弄清楚如何将类引用放在那里!
这应该工作正常。
$('a.manage_edit_nb[nb_id="1"]').trigger('click');
这是工作:
首先, 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')
.trigger('click')
, .trigger('click')
将不会执行任何操作,因此我使用.get(0)
来获取DOM具有该方法来模拟click事件的对象。 无论如何说,你可以按照你已经使用的方式使用trigger('click')
您通过上述代码尝试执行的操作是在'.manage_edit_nb'和'.manage_del_nb'选择器上触发click事件,因此事件在两者上都发生。 通过给出类名来尝试更具体一些
$('a.manage_edit_nb[nb_id = "1"]').trigger('click');
我认为这正是您所需要的:首先,将所有nb_id
更改为data-nb_id
。 并使用以下代码,需要jquery。
$(document).ready(function() {
// Handle click event on the class required
$('.manage_edit_nb').click(function(){
// Get nb_id of that particular anchor event of the class
var nb_id= $(this).attr('data-nb_id');
// Switch on nb_id
switch(nb_id){
// Handle your cases separately here
case "1":
alert('Case 1');break;
case "2":
alert('Case 2');break;
case "3":
alert('Case 3');break;
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.