如何使用append语句将<br/>附加到div标签?

时间:2015-07-28 07:03:33

标签: jquery

var details=[{
                "Name":"Bhavani",
                "PhoneNo":["123456","123456"],
                "Email Id":["mamata@gmail.com","mamata@yahoo.com"],
                "Birthday":"21/16/22/33"
            },
            {
                "Name":"Mamata",
                "PhoneNo":["123456","123456"],
                "Email Id":["mamata@gmail.com","mamata@yahoo.com"],
                "Birthday":"21/16/22/33"
            }
        ];   
 for(i=0;i<str.length;i++){
    $("#data").append(str[i].Name);
  }

现在如何将
附加到具有id(数据)的div。它应该打印

Name:Bhavani
Name:Mamata

2 个答案:

答案 0 :(得分:0)

使用for循环中的详细信息代替str。

for(i=0;i<details.length;i++)
     {
      $("#data").append("Name : "+details[i].Name+'</br>');

     }

示例: jsFiddle

我希望这对你有用。

答案 1 :(得分:0)

您可以在单个段落中附加每个名称

for(i=0;i<details.length;i++) {
       $("#data").append("<li> Name : "+details[i].Name+" </li>");
 }

输出

Name : Bhavani 

Name : Mamata 

新编辑

创建div和ul

<div id="data">
   <ul id="list_append">

   </ul>
 </div>

现在在你的JS

for(i=0;i<details.length;i++) {
         $("#data").find("#list_append").append("<p> Name : "+details[i].Name+" </p>");

    }

这将附加在列表