Собрать атрибуты в элементах
Приветствую!
немного когда <ul id="sbor"> <li><img src="/img/a/b/1.jpg" data-img="1.jpg"/></li> <li><img src="/img/a/b/2.jpg" data-img="2.jpg"/></li> <li><img src="/img/a/b/3.jpg" data-img="3.jpg"/></li> <li><img src="/img/a/b/4.jpg" data-img="4.jpg"/></li> <li><img src="/img/a/b/5.jpg" data-img="5.jpg"/></li> </ul>
var img=$("#sbor li img");
var imgarr = [];
for (var i=0; i<img.length; i++) {
imgarr.push(img[i].attr("data-img"));
}
alert (arrimgtosave);
вот только ругается на .attr. Нужно собрать все значения data-img в массив. |
hobo,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(window).load(function(){
var img=$("#sbor li img"), imgarr = [];
img.each(function(i, el){
imgarr[i]= $(el).data('img');
})
alert(imgarr)
});
</script>
</head>
<body>
<ul id="sbor">
<li><img src="/img/a/b/1.jpg" data-img="1.jpg"/></li>
<li><img src="/img/a/b/2.jpg" data-img="2.jpg"/></li>
<li><img src="/img/a/b/3.jpg" data-img="3.jpg"/></li>
<li><img src="/img/a/b/4.jpg" data-img="4.jpg"/></li>
<li><img src="/img/a/b/5.jpg" data-img="5.jpg"/></li>
</ul>
</body>
</html>
|
ооо круто... спасибище)))
|
hobo,
или так :write:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(window).load(function(){
var img=$("#sbor li img"),
imgarr = $.map(img, function(el){
return $(el).data('img');
})
alert(imgarr)
});
</script>
</head>
<body>
<ul id="sbor">
<li><img src="/img/a/b/1.jpg" data-img="1.jpg"/></li>
<li><img src="/img/a/b/2.jpg" data-img="2.jpg"/></li>
<li><img src="/img/a/b/3.jpg" data-img="3.jpg"/></li>
<li><img src="/img/a/b/4.jpg" data-img="4.jpg"/></li>
<li><img src="/img/a/b/5.jpg" data-img="5.jpg"/></li>
</ul>
</body>
</html>
|
Можно img.map, только первым аргументом будет индекс - проще this использовать.
|
| Часовой пояс GMT +3, время: 22:36. |