$.each问题

BUG之家 2016-05-28 11:45:50
这是我想要的结果
<ul class="cd-slider">
<li class="selected">
<img src="goodsimg/banma.jpg" ></li><li>
<img src="goodsimg/banma-1.jpg" ></li>
</ul>

这是我想的方法,显然循环类容被覆盖了,只能出来一张图片
 var $link2 =$("<ul class='cd-slider'></ul>");
var $link3 =$("<li class='selected'></li>");
var $imglist=$("<img />");

$.each(value,function(index,value){

$imglist.attr('src','goodsimg/'+value.img_name);
$link3.append($imglist);
$link2.append($link3);
$link1.append($link2);
})
...全文
137 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
youren_zt 2016-05-28
  • 打赏
  • 举报
回复
我的意思他已经给出了
天际的海浪 2016-05-28
  • 打赏
  • 举报
回复
引用 5 楼 qq_33161155 的回复:
[quote=引用 2 楼 天际的海浪的回复:]

 var $link2 = $("<ul class='cd-slider'></ul>");

 $.each(value, function(index, value) {
 	var $link3 = $("<li class='selected'></li>");
 	var $imglist = $("<img />");

 	$imglist.attr('src', 'goodsimg/' + value.img_name);
 	$link3.append($imglist);
 	$link2.append($link3);
 	$link1.append($link2);
 })

我想问下,怎么才能给each里面第一个li加class,其他循环出来的li不加class[/quote]

var $link2 = $("<ul class='cd-slider'></ul>");
$.each(value, function(index, value) {
 	var $link3 = $("<li></li>");
 	var $imglist = $("<img />");
	if (index==0)
		$link3.addClass("selected");
 	$imglist.attr('src', 'goodsimg/' + value.img_name);
 	$link3.append($imglist);
 	$link2.append($link3);
})
$link1.append($link2);
BUG之家 2016-05-28
  • 打赏
  • 举报
回复
引用 2 楼 天际的海浪的回复:

 var $link2 = $("<ul class='cd-slider'></ul>");

 $.each(value, function(index, value) {
 	var $link3 = $("<li class='selected'></li>");
 	var $imglist = $("<img />");

 	$imglist.attr('src', 'goodsimg/' + value.img_name);
 	$link3.append($imglist);
 	$link2.append($link3);
 	$link1.append($link2);
 })

我想问下,怎么才能给each里面第一个li加class,其他循环出来的li不加class
BUG之家 2016-05-28
  • 打赏
  • 举报
回复
引用 1 楼 youren_zt的回复:
你用$imglist接收多个东西当然会出现覆盖的问题。 你可以再each里面定义变量 或者var a = imgList +"index"; 将他们区分开。
可以再具体点吗?刚学这个,不怎么会啊
BUG之家 2016-05-28
  • 打赏
  • 举报
回复
引用 2 楼 天际的海浪的回复:

 var $link2 = $("<ul class='cd-slider'></ul>");

 $.each(value, function(index, value) {
 	var $link3 = $("<li class='selected'></li>");
 	var $imglist = $("<img />");

 	$imglist.attr('src', 'goodsimg/' + value.img_name);
 	$link3.append($imglist);
 	$link2.append($link3);
 	$link1.append($link2);
 })

这个达不到我要的效果了,
天际的海浪 2016-05-28
  • 打赏
  • 举报
回复

 var $link2 = $("<ul class='cd-slider'></ul>");

 $.each(value, function(index, value) {
 	var $link3 = $("<li class='selected'></li>");
 	var $imglist = $("<img />");

 	$imglist.attr('src', 'goodsimg/' + value.img_name);
 	$link3.append($imglist);
 	$link2.append($link3);
 	$link1.append($link2);
 })

youren_zt 2016-05-28
  • 打赏
  • 举报
回复
你用$imglist接收多个东西当然会出现覆盖的问题。 你可以再each里面定义变量 或者var a = imgList +"index"; 将他们区分开。

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧