passing parameter to a jQuery function

Question

I have a jQuery function that is used by two different buttons.

Is there a way to pass a parameter to the function so I can tell it what needs to be written to?

My function starts like this:

 $("#tblOwnerSearchResults, #tblDirectorSearchResults").on("click", "input.select", function () {

And I need to pass a variable to this part:

$(html).appendTo('**#A_Table**');

Thanks!

What does your HTML look like? How is #A_Table related to the button clicked? Can you navigate from this to the target element? — Matt Burland
– Matt Burland, Commented Mar 27, 2013 at 19:08

Blazemonger · Accepted Answer · 2013-03-27 19:08:59Z

3

Your best bet might be to store the variable directly in the elements using data- attributes and retrieving it using the .data() method.

example HTML:

<input class="select" data-str="something">

example jQuery:

$("#tblOwnerSearchResults, #tblDirectorSearchResults").on("click", "input.select", function () {
    var str = $(this).data('str');
    $(html).appendTo(str);
}

answered Mar 27, 2013 at 19:08

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

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

Comments

Johan Davidsson · Accepted Answer · 2013-03-27 19:08:19Z

2

Use a HTML attribute. For example.

<a id="tblOwnerSearchResults" data-parameter="foo">Button</a>

And the jQuery

$(this).data("parameter");

answered Mar 27, 2013 at 19:08

Johan Davidsson

2,9922 gold badges21 silver badges27 bronze badges

2 Comments

Matt Burland Over a year ago

Or use .data(), since that's what it's for.

Denys Séguret Over a year ago

Prefer $(this).data("parameter")

Justin McDonald · Accepted Answer · 2013-03-27 19:08:46Z

2

In your function, you can check which element triggered the event:

$this.attr('id');

answered Mar 27, 2013 at 19:08

Justin McDonald

2,16616 silver badges19 bronze badges

Collectives™ on Stack Overflow

passing parameter to a jQuery function

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related