Форум

hobo · #1 (**permalink**) 04.11.2013, 18:08

Приветствую!
немного когда

<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 в массив.

рони · #2 (**permalink**) 04.11.2013, 18:20

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 · #3 (**permalink**) 04.11.2013, 18:23

ооо круто... спасибище)))

рони · #4 (**permalink**) 04.11.2013, 18:31

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 = $.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>

danik.js · #5 (**permalink**) 04.11.2013, 19:35

Можно img.map, только первым аргументом будет индекс - проще this использовать.

Форум

Справочник

Discord чат

Курсы javascript