element.append中的JavaScript变量值

由于$+data.msg，无法工作。帕拉姆。我不知道怎么修理它。我想在测试列表中创建一个子元素，并将其命名为data.msg变量的值。

您可以在创建测试列表时附加图像

例如：

$('#test-list').append($(document.createElement("li")).attr({id: data.msg}));
$('#'+data.msg).append($(document.createElement("img")).attr({src: "kep.php?kep=upload/"+data.msg+"&w=180;&h=150;"}));

---

您可以在创建图像时附加图像

例如：

$('#test-list').append($(document.createElement("li")).attr({id: data.msg}));
$('#'+data.msg).append($(document.createElement("img")).attr({src: "kep.php?kep=upload/"+data.msg+"&w=180;&h=150;"}));

试试这个

$('#test-list').append(
    $('<li><img src="kep.php?kep=upload/' + data.msg + '&w=180;&h=150" /></li>')
        .attr('id', data.msg)
    );

如果您使用的是jQuery 1.4.x，则可以执行以下操作：

var img = $("<img>").attr({src: "kep.php?kep=upload/"+data.msg+"&w=180;&h=150;"});
$("<li>").attr({id: data.msg}).append(img).appendTo('#test-list');

试试这个

$('#test-list').append(
    $('<li><img src="kep.php?kep=upload/' + data.msg + '&w=180;&h=150" /></li>')
        .attr('id', data.msg)
    );

如果您使用的是jQuery 1.4.x，则可以执行以下操作：

var img = $("<img>").attr({src: "kep.php?kep=upload/"+data.msg+"&w=180;&h=150;"});
$("<li>").attr({id: data.msg}).append(img).appendTo('#test-list');

---

您将以一种奇怪的方式混合DOM调用和jQuery。我建议用jQuery来完成这一切。元素链在附加到什么以及为什么指定属性方面有些混乱。可以在创建元素时直接指定id等

这应该起作用：

var img = $("<img>",{src: "kep.php?kep=upload/"+data.msg+"&w=180;&h=150;"});
$("<li>",{id: data.msg}).append(img).appendTo('#test-list');

---

您将以一种奇怪的方式混合DOM调用和jQuery。我建议用jQuery来完成这一切。元素链在附加到什么以及为什么指定属性方面有些混乱。可以在创建元素时直接指定id等

这应该起作用：

var img = $("<img>",{src: "kep.php?kep=upload/"+data.msg+"&w=180;&h=150;"});
$("<li>",{id: data.msg}).append(img).appendTo('#test-list');

---

您可以链接整个任务：

$('#test-list').append($("<li id='"+data.msg+"'><img src='kep.php?kep=upload/"+data.msg+"&w=180;&h=150'></li>")

这将产生以下结果：

  $("<li>")
    .appendTo("#test-list")
    .attr("id", data.msg)
    .append("<img>")
      .find("img:first")
      .attr("src", "kep.php?kep=upload/" + data.msg + "&w=180;&h=150;");

---

其中foo是data.msg的值。

您可以链接整个任务：

$('#test-list').append($("<li id='"+data.msg+"'><img src='kep.php?kep=upload/"+data.msg+"&w=180;&h=150'></li>")

这将产生以下结果：

  $("<li>")
    .appendTo("#test-list")
    .attr("id", data.msg)
    .append("<img>")
      .find("img:first")
      .attr("src", "kep.php?kep=upload/" + data.msg + "&w=180;&h=150;");

---

其中foo是data.msg的值。

如果我不得不猜测的话，我会说您的data.msg的值不允许作为用于选择器的ID，通常从[-a-zA-Z]开始并包含[-\da-zA-Z]。如果您的image name data.msg以开头，或者是一个数字，我建议在id中添加前缀

在任何一种情况下，您都可以在一条语句中完成此操作

<li id="foo">
  <img src="kep.php?kep=upload/foo&amp;w=180;&amp;h=150;">
</li>

---

如果我不得不猜测的话，我会说您的data.msg有一个不允许作为选择器ID的值，通常从[-a-zA-Z]开始并包含[\u-\da-zA-Z]。如果您的image name data.msg以开头，或者是一个数字，我建议在id中添加前缀

在任何一种情况下，您都可以在一条语句中完成此操作

<li id="foo">
  <img src="kep.php?kep=upload/foo&amp;w=180;&amp;h=150;">
</li>

---

data.msg的值是多少？哪些不起作用？有错误消息吗？data.msg是否会随时间变化？例如，这是在循环结构中吗？data.msg的值是多少？哪些不起作用？有错误消息吗？data.msg是否会随时间变化？例如，这是一个循环结构吗？