Question

-1

How to use this reference of the element calling the function?

rated 0 times [ 0] [ 1] / answers: 1 / hits: 56678 / 12 Years ago, mon, september 17, 2012, 12:00:00

For example I want a function that is used by many elements to get the attributes of the calling element.

function example(){

    var name = //name of the calling element $(this).attr('name')

}

<button name=somename1 onclick=example()>Button1</button>

<button name=somename2 onclick=example()>Button2</button>

so if the button named 'somename1' calls the function, the variable 'name' will be assigned to 'somename1' and so if 'somename2' called it, it will be assigned to 'somename2'

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

christianu

Add To Favorites

Follow

Total Points: 481

Total Questions: 124

Total Answers: 99

Location: Trinidad and Tobago

Member since Thu, Dec 1, 2022

2 Years ago

christianu questions

1 Having a trouble with Google OAuth2 (app has no backend, so client side only)

Mon, May 9, 22, 00:00, 2 Years ago

1 Change Icon on click with JS

Thu, Mar 10, 22, 00:00, 2 Years ago

1 Svelte: is there a way to cache the api result in a way that it won't trigger the api call everytime the component renders?

Sun, Sep 27, 20, 00:00, 4 Years ago

1 Javascript / React use of square brackets

Sun, Jul 5, 20, 00:00, 4 Years ago

1 Cannot POST to Express router (404 error)

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 12 Years ago aricl · Accepted Answer

Use This:

function exampleFunction(exampleElement) {

    var name = exampleElement.name;

}



<button name=somename1 onclick=exampleFunction(this)>Button1</button>

<button name=somename2 onclick=exampleFunction(this)>Button2</button>

But if you use jquery, you could do

$('button').click(function() {

  var name = $(this).attr('name');

});

Without the onclick attribute.