Javascript / jquery - <a> tag or href value

Question

On a third party site I want to click on the following link to open a modal. <a data-login-modal href=/login class="link-reset">

I was thinking using the .click() method.

Yet I'm in trouble because that <a> :

• does not have ID - so I can't use $(#id).click();
• does not have a unique class - so I can't use $(.class).click();

What is the proper way to use the .click() method on the basis of the href or the <a> name (data-login-modal) ?

Answer 1

在jQuery中按名称获取元素：

$('[name="ElementNameHere"]').click();

或者更具体地说是您的要求：

$('[name="ElementNameHere"]').click(function () {
   // do stuff
});

示例here。

Answer 2

您可以使用以下任一解决方案：

$("a[href='your_href_link']").click(function(){
//body
})

或

$("a[name='data-login-modal']").click(function(){
//body
})

Answer 3

$('a[href="your_href_link"]').on('click', function(e){
    e.preventDefault(); // preventing normal href!
});

如果没有preventDefault（），href也会被执行！

此外，基于href选择它并不是一个好方法。不可维护，因为链接通常是动态的。我建议你使用id，类或数据属性。