Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.01.2018, 02:10
Новичок на форуме
Отправить личное сообщение для TTystota Посмотреть профиль Найти все сообщения от TTystota
 
Регистрация: 13.01.2018
Сообщений: 3

Я нуб,нужна помощь (перебор массива)
Мне нужно при клике на элемент в списке открыть ссылку (любую).
Найти нужный массив с помощью перебора.
((Найти массив "Город2" с помощью перебора и задать ему ссылку))

<div id="list"></div>


var div = document.getElementById('list');
var city = ["Город1", "Город2", "Город3","Город4","Город5","Город6"];
 
for (var i = 0, ln = city.length; i < ln; i++) {
   var goroda = document.createElement('li');
  goroda.innerHTML = city[i] 
  list.appendChild(goroda);

Ответить с цитированием
  #2 (permalink)  
Старый 13.01.2018, 02:17
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

нифига не понял
Ответить с цитированием
  #3 (permalink)  
Старый 13.01.2018, 02:22
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от TTystota Посмотреть сообщение
Мне нужно при клике на элемент в списке открыть ссылку (любую).
Это можно, остальное не понял
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<div id="list"></div>

	<script>
var div = document.getElementById('list');
var city = ["Город1", "Город2", "Город3","Город4","Город5","Город6"];
 
for (var i = 0, ln = city.length; i < ln; i++) {
   var goroda = document.createElement('li');
  goroda.innerHTML = city[i];
  list.appendChild(goroda);
  goroda.onclick=()=>location = 'http://google.com/';
}
	</script>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 13.01.2018, 02:23
Новичок на форуме
Отправить личное сообщение для TTystota Посмотреть профиль Найти все сообщения от TTystota
 
Регистрация: 13.01.2018
Сообщений: 3

Нужно найти массив "Город2" путём перебора всех элементов массива ,когда "Город2" найдётся ,нужно задать ему ссылку
Ответить с цитированием
  #5 (permalink)  
Старый 13.01.2018, 02:45
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

[].forEach.call(document.querySelectorAll('#list>li'), el => {
 if (el.textContent === "Город2") el.onclick=()=>location = 'http://google.com/';
});
Ответить с цитированием
  #6 (permalink)  
Старый 13.01.2018, 02:47
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

или так (
if (city[i] === "Город2") goroda.onclick=()=>location = 'http://google.com/';
) вот эту строку в твой код добавил
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<div id="list"></div>

	<script>
var div = document.getElementById('list');
var city = ["Город1", "Город2", "Город3","Город4","Город5","Город6"];
 
for (var i = 0, ln = city.length; i < ln; i++) {
   var goroda = document.createElement('li');
  goroda.innerHTML = city[i];
  if (city[i] === "Город2") goroda.onclick=()=>location = 'http://google.com/';
  list.appendChild(goroda);
}
	</script>
</body>
</html>
Ответить с цитированием
  #7 (permalink)  
Старый 13.01.2018, 14:11
Новичок на форуме
Отправить личное сообщение для TTystota Посмотреть профиль Найти все сообщения от TTystota
 
Регистрация: 13.01.2018
Сообщений: 3

Спасибо большое
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перебор массива объектов JSON Sokoljr Общие вопросы Javascript 13 24.04.2017 13:59
Перебор массива ureech Элементы интерфейса 3 10.02.2017 19:45
Перебор массива. ureech Элементы интерфейса 1 18.08.2016 09:53
Перебор массива кнопкой Giyas Элементы интерфейса 14 28.01.2015 23:00
Перебор массива - вложенный цикл SWin Общие вопросы Javascript 35 27.12.2013 05:06