CODEWITHSUNDEEP
javascriptjquery
johnlemon
johnlemon

Reputation: 21449

Jquery onclick event

I have a link

<a id="special_link" href="" onclick="" >Link</a>

Is it possible to use Jquery in the onclick part and apply something to the current element?

Something similar with : 

$("#special_link").html('test');

Update :

Upvotes: 0

Views: 2512

Answers (4)

user113716
user113716

Reputation: 322452

If you want it inline, and it's as simple as changing the HTML, I probably wouldn't use jQuery for it.

<a id="special_link" href="#" onclick='this.innerHTML="some new value";'>click me</a>

Example: http://jsfiddle.net/8ucGB/2/

Upvotes: 0

T.J. Crowder
T.J. Crowder

Reputation: 1073978

Yes, it's possible:

<a href='whatever' onclick='$("#special_link").html("test");'>blah</a>

It's rarely necessary, though. Usually you can hook these things up later, using a selector that finds the a element and uses bind or click to hook up a handler, e.g.:

jQuery(function($) {  // Function gets run at DOM load time

    $("some_CSS_selector_that_finds_the_a_element").click(function() {
        $("#special_link").html("test");
        return false; // Do this only if you don't want the link followed (which I'm guessing you don't)
    });

});

If special_link is the id of the link you want to do this on (I wasn't sure, from your question), you can simplify that:

jQuery(function($) {  // Function gets run at DOM load time

    $("#special_link").click(function() {
        $(this).html("test");
        return false; // Do this only if you don't want the link followed (which I'm guessing you don't)
    });

});

More:

Upvotes: 1

Gonzalo Larralde
Gonzalo Larralde

Reputation: 3541

You can refer to the current element as this.

Example:

<script ...>
    $("#special_link").click(function() {
        console.log(this) // You'll see the HTML element, not wrapped by jQuery
        $(this).html("Bar");
    })
</script>
<a href="#" id="special_link">Foo</a>

Please, don't use onclick, rely on bind that's more generic and unobstructive.

Good luck!

Upvotes: 0

SenoCtar
SenoCtar

Reputation: 84

The code you provided will work as-is in the onclick attribute, like T.J. Crowder pointed out. Is your problem using jQuery for the current element? like this:

<a href='#' onclick='$(this).html("a test link");'>a link</a>

Upvotes: 0

Related Questions