Question

我想在新的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 ID，以便我可以引用它们并在CSS中单独操作它们。

有人请让我知道我应该使用哪种HTML标记以及Javascript中的内容是什么样的？

我目前有这个：

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

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

但显然，这不是按照我上面提到的方式分配标签。

感谢您的帮助！

Answer 1

如果您想动态添加内容，我建议您将所有内容包装到容器中，如果您还没有动作。

<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

我建议您查看文档http://api.jquery.com/append/ 希望这会对你有所帮助。

HTML / Javascript - 动态添加<div> </div>

1 个答案: