Bobbobo Ответов: 2

Проблема примерно в$.


это тот результат, который я хочу получить:

код CSS
<ul class="cd-slider">
                <li class="selected">
                <img src="goodsimg/banma.jpg" ></li><li>
                <img src="goodsimg/banma-1.jpg" ></li>               
            </ul> 


Что я уже пробовал:

это мой метод, но есть только одна картинка.

код JavaScript
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);
                        })

Karthik_Mahalingam

какова стоимость объекта?

2 Ответов

Рейтинг:
2

Karthik_Mahalingam

попробовать это

var $ul = $("<ul class="cd-slider">");
        
        var imageNames = [{ img_name: 'abc.jpg' }, { img_name: 'def.jpg' }, { img_name: 'xyz.jpg' }]

        $.each(imageNames, function (index, item) { 
           var $img =  $("<img />").attr('src', 'goodsimg/' + item.img_name);
           var $li = $("<li class="selected"></li>").append($img); 
           $ul.append($li);
        });
     
        var html = $ul[0].outerHTML;
        alert(html);</ul>


Рейтинг:
2

Bobbobo

на самом деле я написал так
ul class= " cd-slider"
li class= " selected"
img src="goodsimg/banma.jpg" / ли ли
ИМГ СРЦ="goodsimg/banma-1.jpg" /ли
/ul

но это только шоу banma.jpg