这种遍历json数据到指定的html标签中怎么写

ziluopao 发布于 2016/05/24 16:21
阅读 2K+
收藏 0

先说说前提,用juqery中的$.each来遍历,并且页面中已经有了html元素,就差把json按顺序遍历进去了。

html代码是

<div id="index_show" class="wap pt06">
    <li click_id="1">@@@@@@@@@@@</li> 
    <li click_id="2">@@@@@@@@@@@</li>
    <li click_id="3">@@@@@@@@@@@</li>
</div>



jquery代码是这样写的

(function($) {
    $.fn.microshop_click = function() {
		$.getJSON("index.php?act=like&op=click_result",  function(json){
					
					$.each(json, function(key, val) {
					
					$('li[click_id = "1"]').html(val.name);
					
				});
				
			});
			
    }
})(jQuery);



但这样只能插入第一个数据来,不知道如何写才能按顺序遍历所有 数据到指定的标签中呢


加载中
0
兴百姓苦_亡百姓苦
$('li[click_id = "'+(key+1)+'"]').html(val.name);
0
saiomeil
saiomeil

你这样肯定不行,$.each(json,function(key, val) {}循环完了,只把<li click_id="1"> 的值放进去。你如果在里面做的话 可以用 key值判断,key=0 放<li click_id="1">  key=1 放<li click_id="2">  。。。

或者采用从新生成对应的html代码 再替换<div id="index_show" class="wap pt06"> 到这个div中

ziluopao
ziluopao
用判断代码量太大,况且这个数据以后还有很多,不定
0
hyjiacan
hyjiacan
click_id 这个属性的值和返回的json数据有没有关联,如果有关联,那么就找出关联(也就是数据的规则),就可以取到对应的元素;如果没有关联,可以直接在 each 外面添加一个变量,变量值就是 click_id 的值,在 each 里面累加就好了。
0
风中蜡烛
风中蜡烛
建议使用angularJS
返回顶部
顶部