Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Получение номера элемента по классу (https://javascript.ru/forum/misc/79330-poluchenie-nomera-ehlementa-po-klassu.html)

Biotoxsin 24.01.2020 23:24

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

Подскажите как определить номер элемента .elem.et при помощи второго класса .et?
<div>
<div class="elem"></div>
<div class="elem"></div>
<div class="elem et"></div>
<div class="elem"></div>
</div>

рони 25.01.2020 01:16

как определить индекс элемента
 
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>

Biotoxsin 25.01.2020 16:04

Спасибо


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