I would like to change an attribute of a dynamic element with jQuery

Question

I have the following code that I thought would work, but nothing happens:

$(document).on('click', '#tab-departamentos a', function(){
  $('textarea').each(function(){
    var a = (this.scrollHeight-12)/20;

    //alert(a);

    $(this).attr('rows', a);
  })

  var href = $(this).attr('href');
  $(href).tab('show');
})

the link #tab-departamentos a serves to display the contents of a Tab do Bootstrap (thus: $(href).tab('show')).

But I can only edit the attribute rows of the main Tab, the others that are hidden and are dynamic elements are not changed.

Answer 1

I tested it here and it seems to be working...

$(document.body).on('click', '#tab-departamentos a', function () {
        $('textarea').each(function () {
            var a = (this.scrollHeight - 12) / 20;
            alert(a);
            $(this).attr('rows', a);
        });

        var href = $(this).attr('href');
        //$(href).tab('show');
        alert(href);
    });

Or what exactly was the part that didn’t work? Presented some error in the console?

I just haven’t tested the panel, the rest is apparently working..