Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.01.2020, 23:24
Аспирант
Отправить личное сообщение для Biotoxsin Посмотреть профиль Найти все сообщения от Biotoxsin
 
Регистрация: 11.04.2019
Сообщений: 74

Получение номера элемента по классу
Здравствуйте!

Подскажите как определить номер элемента .elem.et при помощи второго класса .et?
<div>
<div class="elem"></div>
<div class="elem"></div>
<div class="elem et"></div>
<div class="elem"></div>
</div>
Ответить с цитированием
  #2 (permalink)  
Старый 25.01.2020, 01:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

как определить индекс элемента
Biotoxsin,
<div>
<div class="elem"></div>
<div class="elem"></div>
<div class="elem et"></div>
<div class="elem"></div>
</div>
<script>
const index = [...document.querySelectorAll(".elem")].indexOf(document.querySelector(".et"));
alert(index);
</script>


<div>
<div class="elem"></div>
<div class="elem"></div>
<div class="elem et"></div>
<div class="elem"></div>
</div>
<script>
const index = [...document.querySelectorAll(".elem")].findIndex(div => div.classList.contains("et"));
alert(index);
</script>


<div>
<div class="elem"></div>
<div class="elem"></div>
<div class="elem et"></div>
<div class="elem"></div>
</div>
<script>
let index, div;
for ([index, div] of [...document.querySelectorAll(".elem")].entries()) if (div.classList.contains("et")) break;else index = -1;
alert(index);
</script>


<div>
<div class="elem"></div>
<div class="elem"></div>
<div class="elem et"></div>
<div class="elem"></div>
</div>
<script>
let div = document.querySelector(".elem.et"), index = div ? 0 : -1;
if(div) while(div = div.previousElementSibling) {
div.classList.contains("elem") && index++
}
alert(index);
</script>

Последний раз редактировалось рони, 25.01.2020 в 01:52.
Ответить с цитированием
  #3 (permalink)  
Старый 25.01.2020, 16:04
Аспирант
Отправить личное сообщение для Biotoxsin Посмотреть профиль Найти все сообщения от Biotoxsin
 
Регистрация: 11.04.2019
Сообщений: 74

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



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Определение порядкового номера в списке для активного элемента komned37 Общие вопросы Javascript 3 29.11.2018 06:24
Получение индекса элемента в массиве s24344 Элементы интерфейса 4 03.07.2018 19:02
Получение элемента в функции, используя each() ansi_str jQuery 0 30.11.2012 09:48
Получение элемента в модальном окне any.zicky Библиотеки/Тулкиты/Фреймворки 1 31.08.2012 16:36
Метод определения номера элемента в коллекции.. ZElk Общие вопросы Javascript 1 12.10.2009 15:47