Converting table from HTML to Javascript array in AngularJS

Question

This plunk is my attempt to convert an HTML table to a Javascript array using only AngularJS/jqLite. I can get the head and body from the table, however when I try to get the rows from the body object I get the following error (see the console): tbody.children is not a function. How to fix this?

Javascript

      var table = angular.element($scope.t);
      var thead = table.children()[0];
      var tbody = table.children()[1];

      console.log(tbody.children());

mehulmpt · Accepted Answer · 2018-06-06 22:27:55Z

2

I've not used this API before, but a quick check reveals that you lose the angular.element benefits when you pick the children(). You can wrap it again like this to access children method again:

  var table = angular.element($scope.t)
  var thead = angular.element(table.children()[0])
  var tbody = angular.element(table.children()[1])

  console.log(tbody.children());

answered Jun 6, 2018 at 22:27

mehulmpt

16.7k13 gold badges54 silver badges90 bronze badges

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

Collectives™ on Stack Overflow

Converting table from HTML to Javascript array in AngularJS

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