javascript - I keep getting undefined is not a function

Question

var eaclink = $('a.topLink'),
eacwrap = $('div.pan_inner');

for(var i = 0; i < eaclink.length; i++) {
    eacwrap[i].wrap('<div class="panel panel-default"><div id="collapse1" class="panel-collapse collapse in"><div class="panel-body"></div></div></div>');
    eaclink[i].attr("data-toggle", "collapse").attr("data-parent", "#accordion").attr("href", "collapse1");
}

How do I know whats the undefined function?

Answer 1

Both wrap and attr will be not a function because you're operating on a DOM element instead of a jQuery object.

Use .eq(i) instead of [i] to fetch the element wrapped with a jQuery object.

Example:

eacwrap.eq(1).wrap()