Найти элемент по 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')