JS 对象数组属性的引用案例
2016-06-23 21:48:45 小德 前端 访问次数 1124


直接上案例:

        一个标签群,

    <li class="articlebag">
      {foreach $t.article as $v}
        <a class="article" href="http://www.xiaodeworld.com/article-id_{$v.articleid}.html">{$v.title}</a>
      {/foreach}
     </li>

    

当ajax 请求后台时 对应的 a标签群 换位另一组,即以上啊标签的所有的 herf 属性和 value值对应改变。思路如下:删掉li标签下所有的article class,

用js组合字符串<a></a>.......<a></a>,给li标签添加html内容。(这个主要是之前不知道JS对象数组的属性如何引用,mark)

JS代码如下:

  var str = '<a href=http://www.xiaodeworld.com/article-id_';
  var str1 = '.html';
  var string = '';
 for(var i=0;i<arr.length;i++){
   string += str+arr[i].articleid+str1+'>'+arr[i].title+'</a>';
 }
 $('.artcle').remove();
 $('.articlebag').html(string);