Как найти элемент по значению data-атрибута?

Question

[K G]

Есть 3 секции, у которых есть data-атрибут. И есть переменная dataVar, которая хранит значение, например 1. Как найти секцию, у которой data-index равен значению этой переменной (то есть 1 в нашем случае)? Через .attr никак и через селектор по атрибуту тоже не получилось.

<section data-index="1"></section>
<section data-index="2"></section>
<section data-index="3"></section>

Answer 1

[Alexander Pushkarev]

var index = 1;

$('[data-index="'+index+'"]').html()

https://codepen.io/anon/pen/YQBOYz

Comments

[K G]

спасибо, надо про сложении строк почитать, а то я почти так пробовал, но ничего не склеилось

[Stalker_RED]

pwnography: конкатенация, а не сложение. И это дают в самом начале любого учебника или курса.

Answer 2

[Stalker_RED]

В css

[data-index="2"] {
  color: red;
}

А jQuery вызывает document.querySelectorAll(), который поддерживает практически все css селекторы
$('[data-index="2"]').css('color', 'red')