`find ()` undefined is not a function

Question

I have this little jquery function:

$.each($('#TableBody tr:gt(0)'), function(index, element){
    element.find('td').last().html($('<span/>', {class: "input-group-addon", text: 'Auswählen'}));
});

Somehow I get this error in the first line:

Uncaught TypeError: undefined is not a function 

I tried something in the console to fix this problem! But for some reason, nothing happened!

Now I hope you help me! JSFIDDLE: http://jsfiddle.net/3C98M/

thank

Answer 1

elementnot a jQuery object, the second argument to the function $.eachreturns its own DOM node

$.each($('#TableBody tr:gt(0)'), function(index, element){
    $(element).find('td').last().html($('<span/>', {"class": "input-group-addon", text: 'Auswählen'}));
});

Also note that this classis a reserved keyword in javascript and should be specified.
It can also be written

$('#TableBody tr:gt(0)').each(function(index, element) {
      $(element).find('td').last().html(
          $('<span/>', {
              "class" : "input-group-addon", 
              text    : 'Auswählen'
          })
      );
});

which is more readable imo.

Answer 2

$(...)

$(element).find('td:last')....

Answer 3

element $() adeneo this:

$('#TableBody tr:gt(0)').each(function () {
    $(this).find('td:last').html($('<span/>', {
            "class" : "input-group-addon",
            text : 'Auswählen'
        }));
}));

Answer 4

(, ), , , , " " ( - ).

, Javascript-, $( jQuery) .

:

 jQuery(element).find('td:last')....

 $(element).find('td:last')....

( , jQuery).

: http://codeimpossible.com/2010/01/13/solving-document-ready-is-not-a-function-and-other-problems/