click on a link tag while using jquery ?

Question

I have a link tag that doesn't contain a url, but instead it has javascript. I'm using jQuery and when I try the ".click()" function, it doesn't work. I searched through the website and found some answers but all of them open the "href" of the link tag and these answers won't be helpful in my case, here's an example of the code :

<button onclick="ClickMe();">CLick Me!</button>
<a id="test" href="javascript:alert('hi');">Alert</a>
<script>
    function ClickMe() {
        $("#test").click();
    }
</script>

This is a shared project and my ability to change the html of the page is very limited.

Here's the example : http://jsfiddle.net/Ayman_Mohamed/ygDmW/1/

<a id="test" onclick=(alert("hi")) >Alert</a>

underscore
– underscore

2013-10-13 05:59:39 +00:00
Commented Oct 13, 2013 at 5:59 — underscore
– underscore, Commented Oct 13, 2013 at 5:59

WhatisSober · Accepted Answer · 2013-10-13 06:02:13Z

2

Use a Vanilla Javascript!

function ClickMe() {
   $('#test')[0].click();
}

Here is your jsfiddle

answered Oct 13, 2013 at 6:02

WhatisSober

9982 gold badges13 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tats_innit Over a year ago

@Mohsen try this jsfiddle.net/g5tCk :) I have changed few thigns though id to class but then indexing will have to be mentioned hence not generic solutions :)

WhatisSober Over a year ago

@Mohsen: You can 1) have different id name 2) change id to class 3) use eq.

Tats_innit · Accepted Answer · 2013-10-13 06:04:41Z

1

Working demo http://jsfiddle.net/sp3WR/

If you want to use href use it like this

Also all the answers above contains the click way as well.

Hope this helps the cause :)

code

function ClickMe() {
      window.location.href = $("#test").prop('href');
}

answered Oct 13, 2013 at 6:04

Tats_innit

34.1k10 gold badges74 silver badges77 bronze badges

Comments

Adil · Accepted Answer · 2013-10-13 06:02:46Z

0

You are trying to fire click of anchor tag having id test which you havent binded you put alert on href not binding click, bind click event with href you will be able to fire it using click()

Live Demo

Html

<button onclick="ClickMe();">CLick Me!</button>&nbsp;&nbsp;
<a id="test" href="javascript:alert('Hi');" onclick="alert('href clicked')">Alert</a>

Javascript

function ClickMe() {
    $("#test").click();
}

answered Oct 13, 2013 at 6:02

Adil

148k25 gold badges217 silver badges207 bronze badges

Comments

Quantico · Accepted Answer · 2013-10-13 06:04:41Z

0

This might work

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("hi!");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="Click Me" />

</body>
</html>

answered Oct 13, 2013 at 6:04

Quantico

2,4568 gold badges39 silver badges61 bronze badges

Collectives™ on Stack Overflow

click on a link tag while using jquery ?

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related