Как родителю присвоить data атрибут потомка?

Question

[Максим]

Имеем вот такую картину :

<div class="item">
      <img src="" data-caption="lorem ipsum sit1" alt="">
  </div>
  <div class="item">
      <img src="" data-caption="lorem ipsum sit2" alt="">
  </div>
  <div class="item">
      <img src="" data-caption="lorem ipsum sit3" alt="">
  </div>
  <div class="item">
      <img src="" data-caption="lorem ipsum sit4" alt="">
  </div>

У всех img data-caption разное .
Как присвоить ` .item` т.е родителю data-caption потомка ?

Answer 1

[alvvi]

$('.item img').each((i, el) => { 
  const $img = $(el)
  $img.parent().attr('data-caption', $img.attr('data-caption')) 
})

Comments

[Максим]

спасибо ... всю ночь сидел над этим

Answer 2

[Роман Султанов]

Попробуй перебрать в цикле каждый элемент, узнать у него этот аттрибут и на основе этих данных присвой аттрибут к родителю.

Comments

[Максим]

я уже всю ночь так просидел ....

[Роман Султанов]

Максим Ленский, товарищ Илья Ростопка написал как нужно