jquery在img src中添加变量

Question

我有一些用PHP创建的图像，我想把它们都放在里面。这是我的工作代码：

        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 />'中的

i被视为字符串，而不是变量。

不是问题，但更好

从+ ''移除$('li#' + i + '')部分。

Answer 2

我仍在你的字符串中，你需要这样的东西：

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 +'" />')
}