Как при событии на теге с data-id="1" найти другой тег с data-id="1"?

Question

[Гарольд]

У меня есть два родительских блока в одном потоке, в этих блоках есть дочерние блоки с data-id="".
Интересует как при событии hover в первом родительском блоке с дочерним блоком data-id="1", найти дочерний data-id="1" во втором родительском блоке?

Answer 1

[Сергей delphinpro]

Точно так, как вы сами описали, только на языке кода. Волшебной функции FindWhatINeed() не существует.

$('.parent') // берем родительские блоки
  .on('mouseenter', '[data-id]', event=>{ // вешаем обработчики на дочерние
    let id = $(event.target).data('id'); // узнаем id
    $(event.target).closest('.parent') // поднимаемся до своего родителя
      .siblings('.parent') // переходим к соседу
      .find('[data-id='+id+']') // берем в нем нужный дочерний
     //... что-то с ним делаем
;
  })

Такой код будет работать в обе стороны.
Если нужно только в одну, то делаем выборку только одного родителя

$('.parent').eq(0) // берем родительские блоки - только первый