jQuery - same function() with different elements

Question

I am making a page with three buttons and have three different text fields. I am trying to use this function:

function funName() {
    $(this).show({
      'left': '-=700px'
    });
}

for three different $("#IDs"). to display different boxes of text. Iv tried

$("btnElement").click(function() {
   $("#ID1").funName();
});

Thank you for your help.

Barmar · Accepted Answer · 2020-03-12 03:26:29Z

1

The way to define a new jQuery method is by definining jQuery.fn.methodName:

jQuery.fn.funName = function() {
    $(this).show({
      'left': '-=700px'
    });
}

answered Mar 12, 2020 at 3:26

Barmar

789k57 gold badges554 silver badges668 bronze badges

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

2 Comments

or pass the target element into the function: function funName($el){ $el.show(...) }. $('bin').click(function(){ funName($('#id')) });

@Mike That's what I was going to answer first, but I thought it would be more interesting to show how to do what he wrote.