Passing numeric variable in jQuery

Question

Why can't I pass the num variable to this function like so:

    function getColumnData(num) {
    var colVals = $('#newtable td:nth-child(num)').map(function(){
       return $(this).text();
    }).get();
    alert(colVals);
    }

Is there an easy way around this?

Thanks.

James Allardice · Accepted Answer · 2012-05-21 12:16:51Z

3

You need to concatenate the value of num with the selector string:

var colVals = $('#newtable td:nth-child(' + num + ')').map(function() {
    //Do stuff
});

Currently you just have a string literal "#newtable td:nth-child(num)", instead of something that makes sense to the selector engine, such as "#newtable td:nth-child(2)".

answered May 21, 2012 at 12:16

James Allardice

166k22 gold badges335 silver badges316 bronze badges

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

Comments

Grant Thomas · Accepted Answer · 2012-05-21 12:17:11Z

3

Because your jQuery selector is a string, you need to 'build' it using concatenation, like so:

$('#newtable td:nth-child(' + num + ')')

Otherwise num is just some characters in the string literal.

answered May 21, 2012 at 12:17

Grant Thomas

45.1k10 gold badges88 silver badges129 bronze badges

Comments

edgarpetrauskas · Accepted Answer · 2012-05-21 12:19:25Z

1

try on line 2

var colVals = $('#newtable td:nth-child(' + num + ')').map(function(){

answered May 21, 2012 at 12:19

edgarpetrauskas

4011 gold badge4 silver badges14 bronze badges

Collectives™ on Stack Overflow

Passing numeric variable in jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related