Как сравнить id и data атрибут?

Question

[Rabinzon]

Всем привет.
Нужно при клике на элемент, получить его id. Найти data-id равный этому id, и присвоит ему display: block.
В коде пен перепробовал много вариантов/
если клик по #item-1
нужно вывести data-id: #item-1
не знаю как, пробежаться по всем блокам ховер, и найти с нужным атрибутом
codepen.io/anon/pen/xGOGve

Comments

[Сергей delphinpro]

Сдается мне, у вас логика неверная. Логичнее data-атрибут добавлять к элементу с которым предполагается действие, а id - к тому, который нужно будет найти. Тогда и поиск будет легким и быстрым.

Answer 1

[Денис Малиночкин]

$('li').on('click', function() {
  var id = this.id; // Получаем идентификатор
  var block = $('.hover[data-id="#' + id + '"]'); // Собираем селектор
  block.css('display', 'block'); // Добавляем инлайн стили
});

Поклацать: codepen.io/anon/pen/LVZpgZ

Comments

[Rabinzon]

Спасибо)

Answer 2

[gracer]

codepen.io/anon/pen/MweaqR

Comments

[Rabinzon]

Спасибо)

Answer 3

[Дмитрий]

$('.click').on('click', function(){
var id = $(this).attr('id');
$('[data-id="'+id+'"]').css('display', 'block');
});