jQuery - Call a function on an element

Question

I want to call a function to show and modify content like this:

$('#element').someFunction();

I wrote this function:

function someFunction(){
     $(this).show();
     //other stuff
}

But this don't work. Can someone give me a hint how to solve this.

Josh Crozier · Accepted Answer · 2015-11-24 16:46:05Z

8

You could extend jQuery and create a custom method:

$.fn.someFunction = function() {
  return this.hide();
};

$('.element').someFunction();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="element">This should be hidden.</div>
<div class="element">This should be hidden.</div>

Internally .hide() will iterate over each element, but if you want to do this manually, you could just utilize the .each() method:

$.fn.someFunction = function() {
  return this.each(function() {
    // 'this' refers to the element here
  });
};

answered Nov 24, 2015 at 16:46

Josh Crozier

242k56 gold badges401 silver badges316 bronze badges

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

1 Comment

Tobias Schäfer Over a year ago

Works great!Thank you!

Collectives™ on Stack Overflow

jQuery - Call a function on an element

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related