0

我想在新的 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"
});

但是很明显，这不是以我上面提到的方式分配标签。

谢谢您的帮助！

4

1 回答 1

0

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

<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/ 希望这对您有所帮助。

于 2013-10-30T04:42:22.737 回答