Javascript 从变量设置id

我想用jQuery创建一个HTML对象，并通过变量设置id，但我不知道它是如何工作的

代码如下：

countArticle=eval("Count" + x+";");
copy.css("width", "96px");
copy.find("img").css("height", "50px");
copy.append("Anzahl: <span class='count' id="countArticle" )>"+ 1
+"</span>");
copy.appendTo("#target").fadeIn();

countArticle=eval（“Count”+x+；”）；
css（“宽度”，“96px”）；
copy.find（“img”）.css（“高度”、“50px”）；
副本。附加（“Anzahl:+1
+"");
copy.appendTo（“#target”）.fadeIn（）；

有人知道这是怎么回事吗

copy.append("Anzahl: <span class='count' id='" + countArticle + "'>" + 1 + "</span>");

将字符串放在双引号中，可以得到：

"Anzahl: <span class='count' id='" +
countArticle +
"'>"

“安扎尔：”

---

（注意，我还删除了一个似乎不属于那里的右paren。）

您是否尝试过进行串联

copy.append("Anzahl: <span class='count' id='" + countArticle + "' )>"+ 1
    +"</span>");

copy.append（“Anzahl:+1
+"");

我认为您只需要在第四行中使用+：

copy.append("Anzahl: <span class='count' id='" + countArticle + "' )>" + 1
        +"</span>");

copy.append（“Anzahl:+1
+"");

我通常更喜欢使用jQuery创建元素

jQuery（html，属性）

html
类型：htmlString
定义单个独立HTML元素的字符串（例如

或

）

属性
类型：PlainObject
用于调用新创建元素的属性、事件和方法的对象

var$copy=jQuery（'#copy'），
countArticle ID='countArticle'，
html=“”，
属性={
“id”：countArticleID，
“类”：“计数”，
“文本”：1
},
$count_element=jQuery（html，属性）；
$copy.append（'Anzahl:'，$count_元素）
.count{
填充：0.5em；
边缘：0.5em；
边框：1px实心#AAA；
边界半径：.25em；
}
#countArticle{
背景颜色：浅蓝色；
}

这将丢失id值周围的引号。已更新@smarx。谢谢你指出，尽管我们似乎有相似的答案。向上投票。这将错过id值周围的引号。一个友好的提示，您可能想提供一个解释，OP显然要求提供一个：）@nem035，我想这是最难解释的；）为什么要使用
eval
？
copy.append("Anzahl: <span class='count' id='" + countArticle + "' )>"+ 1
    +"</span>");

copy.append("Anzahl: <span class='count' id='" + countArticle + "' )>" + 1
        +"</span>");