How do I combine javascript variable to jquery selector?

Question

I am trying to get the table td texts by using Jquery and javascript

I have the following

//tables contain bunch of tables
  for(var i = 0; i < tables.length ; i ++){
        var table = tables[i];

        $(table 'td').each(function(){   //I know there is something wrong with my selector.
            $(this).text()
        })

The jquery selector doesn't work in my case. How do I select every td for different table?

Thanks for the help!

Your just missing a "+" after the variable table. $(table + 'td') — Shawn31313
– Shawn31313, Commented Jul 17, 2013 at 19:27
When you say that //tables contain bunch of tables, is tables a JS array or a jQuery selection? — talemyn
– talemyn, Commented Jul 17, 2013 at 19:27
@Shawn31313 You can't concatenate an object with a string (at least to do what's probably expected) — Ian
– Ian, Commented Jul 17, 2013 at 19:29

Ian · Accepted Answer · 2013-07-17 19:34:45Z

5

I think you want to use the .find() method:

$(table).find('td').each(function(){

DEMO: http://jsfiddle.net/jfj47/

Of course, an alternative is to use the "context selector":

$("td", table).each(function(){

DEMO: http://jsfiddle.net/jfj47/1/

Also, if tables is just an array (or array-like object) of DOM elements, you don't have to loop and could use:

$(tables).find("td").each(function(){

DEMO: http://jsfiddle.net/jfj47/2/

References:

find(): http://api.jquery.com/find/
context selector: http://api.jquery.com/jQuery/

edited Jul 17, 2013 at 19:34

answered Jul 17, 2013 at 19:22

Ian

51k13 gold badges104 silver badges111 bronze badges

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

Collectives™ on Stack Overflow

How do I combine javascript variable to jquery selector?

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