jQueryの構文に変数を組み込む方法

Question

$("td#a_1").text(a_1) ;

とすれば、HTMLの「td#a_1」に、変数「a_1」に格納されたデータが表示されます。

同様に、a_2、a_3、…、a_15という形でデータが続くため、

for(var i=0 ;i<=15 ;i++){
   "$('td#rent_"+i+"').text(rent_"+i+")" ;

のように、ループ処理できないだろうかと考えました。
しかし、これはうまく機能しませんでした。

そもそも、

"$('td#a_1')"+".text(a_1)" ;

という形で、変数を使わずに行った連結すら、うまく機能しませんでした。

JavaScript、jQueryでは、このような処理をすることは不可能なのでしょうか。
どのようにしたら良いかご存知の方、ご教示いただけないでしょうか。
よろしくお願い致します。

Answer 1

tdはid="rent_0"からid="rent_15"まであると言うことでしょうか？

for ( var i=0; i < 15; i++ ) {
    $('td#rent_'+i).text('rent_'+i);
}

文字列とjavascriptのコードは別物なので、混同しないようにしましょう。

Comments

[退会済みユーザー]

ありがとうございます。変数を使う時はそのようにくくるのですね。

[shinosan]

「"」や「'」で括ったものは文字列になり、文字列と値を連結すると文字列となる。そう理解しておけば良いかと。

[naga3]

上記のプログラムではrent_0～rent_15は文字列になるので
変数としての参照はできないと思います。

変数として使いたいならばtoru81さんのようにevalで解釈させるか、
配列にしたほうが良いと思います。

[shinosan]

確かに、rent_0～rent15は変数でしたね。
ただ、扱いから見ると配列にした方が設計としてよさそうです。そうすれば、下記のようにシンプルになりますし。
$('td#rent_'+i).text(rent[i]);

[退会済みユーザー]

最終的に、下記のような形で、実現しました。
for(var i=1 ;i<=15 ;i++){
left_hand = 'rent_1_'+i ;
left_hand = $('input#aaa_1_'+i).val() ;
$('td#rent_1_' + i).text(left_hand) ;
}
実際には、inputも#aaa_1_1～#aaa_1_15まであります。
forループで、それらのデータを取得しながら、td#rent_1_1～td#rent_1_15に反映することができました。
ありがとうございました。

Answer 2

動作確認はしていませんが、こんな感じでできないでしょうか。

 $('td#rent_' + i).text(eval('rent_' + i )) ;

Comments

[退会済みユーザー]

ありがとうございます。
変数を使う時の括り方を理解していませんでした。