HTML/Javascript-添加<；部门>；动态地

我想在新的HTML页面中动态添加以下格式的内容：

Deal Title: Deal ABC
Store Name: Store ABC

Deal Title: Deal XYZ
Store Name: Store XYZ

我希望

Deal Title

和

Store Name

具有相同的ID，并且

Deal ABC

、

Store ABC

、

Deal XYZ

和

Store XYZ

具有相同的ID，以便我可以引用它们并在CSS中单独操作它们

请有人告诉我应该使用哪种HTML标记，以及这在Javascript中是什么样子的

我目前有：

var dealTitleDiv = $('<div/>',
{   
  text:'Deal Title: ' + value.dealTitle                                                              
  ,
  id: "dealTitleDiv"
 });

var dealNameDiv = $('<div/>',
{
  text:'Name: ' + value.name                             
  ,
  id: "dealNameDiv"
});

var dealTitleDiv=$（''）， { 文本：“交易标题：”+value.dealTitle , id:“dealTitleDiv” }); var dealNameDiv=$（''， { 文本：'Name:'+value.Name , id:“dealNameDiv” }); 然而，很明显，这并不是以我上面提到的方式分配标记

---

谢谢你的帮助

如果您想动态添加内容，我建议您将所有内容都打包到一个容器中（如果您还没有这样做的话）

<div id="stuff-container"></div>

如果您的所有交易和商店都将具有相同的样式，我建议您将样式放在类中而不是id中，只需忽略id，然后使用jQuery将内容添加到该容器的末尾：

$("#stuff-container").append(
    '<div class="deal-title">Deal Title: </div>'+ 
    '<div class="deal-item">' value.dealTitle + '</div>'
);//this will add the deal
$("#stuff-container").append(
    '<div class="store-title">Store Name: </div>'+ 
    '<div class="store-item">' value.name + '</div>'
);//this will add the store

$（“#填充容器”）.append(
“交易标题：”+
“”value.dealTitle+“”
);//这将增加交易
$（“#填充容器”）.append(
'商店名称：'+
“”value.name+“”
);//这将添加存储

我建议您也检查一下文档

---

希望这对您有所帮助。

同一页面中的两个元素不应该具有相同的id。您应该改用class。谢谢ejosafat，但是我仍然不清楚如何分离值并同时正确对齐它们。