Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Цикл с ума сходит (https://javascript.ru/forum/dom-window/72975-cikl-s-uma-skhodit.html)

Ramzes94 11.03.2018 10:11
Цикл с ума сходит
 
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
    <script>
	var arr = [['1'],['2'],['3']];
  	  $('.lead ul').html(function(){
				arr.forEach(function(n, i) {
					var lead = '<li><p>'+arr[i][0]+'</p></li>';
					return lead;
				});
			});
    </script>
    <div class="lead">
      <ul>
      </ul>
    </div>
  </body>
</html>


Ребят, подскажите, что тут не так?
Почему-то не дублируется 1,2,3:)

j0hnik 11.03.2018 10:34 
<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
	<div class="lead">
		<ul>
		</ul>
	</div>
		<script>
		var arr = [['1'],['2'],['3']];

		arr.forEach(function(ar){
			$('.lead ul').append('<li><p>'+ar[0]+'</p></li>');
		});
	</script>
</body>
</html>

j0hnik 11.03.2018 10:36
Ramzes94,
хотябы из за того что элементов к которым пытается обращаться скрипт еще нет.

рони 11.03.2018 10:53
Цитата:
Сообщение от Ramzes94
forEach
этот метод ничего не возвращает и
Цитата:
Сообщение от j0hnik
элементов к которым пытается обращаться скрипт еще нет

рони 11.03.2018 10:57
Ramzes94,
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
    <script>
$(function() {
    var arr = [['1'],['2'],['3']];
  	  $('.lead ul').html(function(){
       return arr.map(function(n) {
          return '<li>'+n+'</li>';
        });
      });
});
    </script>
    <div class="lead">
      <ul>
      </ul>
    </div>
  </body>
</html>

Ramzes94 11.03.2018 11:00
Вот то что надо, спасибо:)

Ramzes94 11.03.2018 11:01
А как Вам карму прибавить? :)

Ramzes94 11.03.2018 11:14
Подскажи, вот сделал, а что если несколько значений в массиве, например [[1,2,3],[1,2,3],[1,2,3]]

рони 11.03.2018 11:16
Ramzes94,
и что в итоге ?

рони 11.03.2018 11:21
Ramzes94,
какой результат нужен?
html сделайте.

Ramzes94 11.03.2018 11:21
А все разобрался:)
Рони скажи, а можно как то случайную сортировку сделать столбцов?

j0hnik 11.03.2018 11:27 
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
    <script>
$(function() {
    var arr = [['1'],['2'],['3']];
  	  $('.lead ul').html(function(){
       return arr.map(function(n) {
          return '<li>'+n+'</li>';
        }).sort(el=> Math.random()>0.5);
      });
});
    </script>
    <div class="lead">
      <ul>
      </ul>
    </div>
  </body>
</html>

рони 11.03.2018 11:29
Ramzes94,
можно, только обьясни что хочешь сделать?

Ramzes94 11.03.2018 11:36
В общем делаю список сайтов наших партнеров, то есть у них будет ссылка и картинка на их сайт.
Желательно чтобы при каждом обновление сортировка была по разному, и подскажи можно как то с js отсечь сайты недоступные то есть чтобы они не выводились. Это в идеале:)

рони 11.03.2018 11:41
Ramzes94,
ок, вариант сортировки предложил j0hnik

Ramzes94 11.03.2018 11:51
Вот как оно есть

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
    <script>
		$(function() {
			var arr =  [['http://site.ru/','logo'],['http://site.ru/','logo']];
			$('.lead ul').html(function(){
			return arr.map(function(n) {
				return '<li><a href="'+n[0]+'"><img src="'+n[1]+'.png"></a></li>';
				}).sort(el=> Math.random()-0.5);
			});
		});
    </script>
    <div class="lead">
      <ul>
      </ul>
    </div>
  </body>
</html>

laimas 11.03.2018 14:06
Цитата:
Сообщение от Ramzes94
можно как то с js отсечь сайты недоступные то есть чтобы они не выводились
Не отдавайте их клиенту.


Часовой пояс GMT +3, время: 23:15.