calling a function vs coding directly

Question

I have this code for textarea autoheight

   function h(el) {
        $(el).height(el.scrollHeight);
    }

$('textarea').each(function () {
    h(this); //  works
    //$(this).height($(this).scrollHeight);  //  doesn't work
});

$('textarea').on('input', function () {
    h(this);  // works
    //$(this).height($(this).scrollHeight);  //  dosen't work
});

If I replace h(this) with commented lines - they doesn't work. What is the reason?

score 1 · Accepted Answer · answered Sep 22 '18 at 11:43

1

In your group that doesn't work, you are converting this to jQuery both on .height and .scrollHeight, but in your function h, you only convert the el to jQuery on height

$('textarea').each(function () {
    $(this).height(this.scrollHeight);
});

answered Sep 22 '18 at 11:43

triunenature

651
2
7
23

What does "Converting a component to jQuery" mean? – Emre Tapcı Sep 22 '18 at 11:57
@EmreTapcı - https://stackoverflow.com/questions/1051782/whats-the-difference-between-this-and-this – Sep 22 '18 at 12:04

calling a function vs coding directly

1 Answers1