Как захватить src=""
у <img class="img-val">
через JS и добавить его для <li>
как атрибут data-src=""
?
Пытался выполнить подобным кодом, но он берет src=""
только у первой цепочки li>div>div>img
.
jQuery(document).ready(function($) {
$('.piz').children().children()
let src = $('.img-val').attr('src')
$('.piz').attr('data-src', src)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li class="piz">
<div class="one">
<div class="two">
<img src="https://cdn.sstatic.net/Sites/ru/Img/sprites.svg?v=f508971f422f" class="img-val">
</div>
</div>
</li>
<li class="piz">
<div class="one">
<div class="two">
<img src="vk.com/vk.png" class="img-val">
</div>
</div>
</li>
</ul>