Pass variable as a parameter to a jQuery anonymous function

Question

I want to pass a variable contained in a function to its subfunction, but it isn't working. It says the value is undefined.

$('.search-input-text').keyup(function(e) {
  e.preventDefault();
  var i = $(this).attr('data-column');
  var v = $(this).val();
  
  $('#commandHistory').delay(200).queue(function(v, i) {
    alert(v);
    commandHistoryTable.columns(i).search(v).draw();
  });
});

Rory McCrossan · Accepted Answer · 2020-08-03 09:17:33Z

1

You cannot pass parameters to jQuery's anonymous functions. The issue in your logic is because you change the scope of v within the queue handler function to be the parameter, not the value of v in the outer scope.

To address this you can simply rename the v parameter of the function to something else and use v defined in the parent scope:

$('.search-input-text').keyup(function(e) {
  e.preventDefault();
  let i = $(this).data('column');
  let v = $(this).val();
  
  $('#commandHistory').delay(200).queue(function(_, i) {
    console.log(v);
    commandHistoryTable.columns(i).search(v).draw();
  });
});

Also note the use of data() over attr() for reading the data attribute from your HTML.

answered Aug 3, 2020 at 9:17

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Collectives™ on Stack Overflow

Pass variable as a parameter to a jQuery anonymous function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related