jquery - jqueryはimg​​ srcに変数を追加します

Question

PHPで作成した画像がいくつかあり、それぞれをliの中に入れたいと思っています。これが私の作業コードです:

        for ( i = 0; i < MaxNum; i++) {
            $('li#' + i + '').html('<img src="http://www.address.com/somephp.php?Num=1" />')
        }

私が今したいのは、次のようなものにするために i 変数を画像ソースに入れることだけです:

            for ( i = 0; i < MaxNum; i++) {
            $('li#' + i + '').html('<img src="http://www.address.com/somephp.php?Num="+i />')

このコードは機能していません。この方法でそれは可能ですか？

Answer 1

for ( i = 0; i < MaxNum; i++) {
 $('li#' + i).html('<img src="http://www.address.com/somephp.php?Num='+ i +'" />')
}

コードの問題

'<img src="http://www.address.com/somephp.php?Num="+i />'このコードでは、変数ではなくStringiとして扱われます。

問題はありませんが、より良いです

+ ''から部品を取り外し$('li#' + i + '')ます。

Answer 2

i はまだ文字列の中にあります。次のようなものが必要です。

for ( i = 0; i < MaxNum; i++) {
  $('li#' + i + '').html('<img src="http://www.address.com/somephp.php?Num='+i+'" />');
}

Answer 3

引用符の問題があるだけです。これを使って ：

 for ( i = 0; i < MaxNum; i++) {
$('li#' + i).html('<img src="http://www.address.com/somephp.php?Num='+i+'"/>')

SO は、文字列に含まれるものとそうでないものを異なる色で示します。これらのエラーをより簡単に見つけられるように、同じ色付けを行うテキスト エディターを選択します。

+ ''セレクターの無駄も取り除きました。

Answer 4

for ( i = 0; i < MaxNum; i++) {
  $('li#' + i + '').html('<img src="http://www.address.com/somephp.php?Num="'+i+'" />');
}

Answer 5

for ( i = 0; i < MaxNum; i++) {
 $('li#' + i).html('<img src="http://www.address.com/somephp.php?Num='+ i +'" />')
}