.width() giving error $(…)[0].width is not a function?

Question

I have a table, and I\'m trying to find the width of each td in the table. I\'ve tried all kinds of variations of: $(\"td\")[0].width(), but none of them work,

Answer 1

while you said I'm trying to find the width of each td in the table so you need to loop through tds by using .each() ..

$('td').each(function(){
   alert($(this).width());
});

and to select specific td there are more ways

by using :eq() selector

$('td:eq(0)');   // index start from 0

or .eq() in jquery

$('td').eq(0)        // index start from 0

or :nth-child() selector

$('td:nth-child(1)');    // index start from 1

Answer 2

$("td")[0] is a DOM element not a jquery object. Simply wrap it as jquery $($("td")[0]).width()

You need to get width of each td so you could use something like

$.each('td', function() {
    var currentTDWidth = $(this).width(); // more code here
});

Answer 3

$("td")[0]

Is a DOM Level element and not a jQuery Object. and .width() is a jQuery method, so you literally can't use it on that. Do either of the following:

$("td").eq(0).width(); // On a jQuery object
$("td")[0].offsetWidth; // On a DOM Level Element.

To fetch the width of all the elements use .each

$('td').each(function(){
   alert($(this).width());
});

Answer 4

Use eq(0) instead of [0] to preserve the jQuery object that has the width() function.