Jquery .Each function not working properly

Question

I want to add a column to my table. My js code is as follows:

jQuery(document).ready(function () {

     jQuery('#addCol').click(function () {

        var countRows = $('#blacklistgrid tr').length;

        $('.class').each(function() {
            $( this ).append("<td><input type=\"text\"/></td>");
        });
    });

This code can be found in the fiddle. What am I doing wrong ?

Gonzalo.- · Accepted Answer · 2017-03-04 01:35:31Z

2

You're targeting the wrong element.

You should do this:

jQuery('.Row').each(function() {
      jQuery( this ).append("<td><input type=\"text\"/></td>");
});

Notice jQuery('.Row') instead of jQuery('.class')

See the docs, the class selector is used like jQuery('.<classname>'), and in this case you want to get each rows, which are identified by Row class

edited Mar 4, 2017 at 1:35

answered Mar 4, 2017 at 1:32

Gonzalo.-

12.7k5 gold badges53 silver badges84 bronze badges

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

Collectives™ on Stack Overflow

Jquery .Each function not working properly

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