我有一個 div，里面有一堆<img>元素。我希望能夠將<src>值存盤在 jQuery 中，然后將這些 src 值注入到 DOM 的其他位置。
所以基本上，我想從下面獲取 img src 值：
<div class="newHomeHeroCarouselFetchedIMGs">
<img src="example.jpg">
<img src="chicken.jpg">
<img src="hope.jpg">
</div>
然后將它們注入“標記”模板中的以下位置，如下所示：
<div class="targetLocation">
<div style="background-image: example.jpg"></div>
<div style="background-image: chicken.jpg"></div>
<div style="background-image: hope.jpg"></div>
</div>
“newHomeHeroCarouselFetchedIMGs”div 中的 img 數量未知，可能是 1，也可能是 10.... 對于img出現在“newHomeHeroCarouselFetchedIMGs”div 中的每個 - 我需要<div style="background-image: IMGSRC.jpg"></div>在“targetLocation”div 中添加另一個。
我想我需要創建一個陣列并將 img src 值傳遞給該陣列，然后根據陣列中的專案數回圈通過它來輸出標記并將 img src 注入背景影像樣式屬性 - 我只是不知道如何實作它！
uj5u.com熱心網友回復：
這對你有用嗎？
$('newHomeHeroCarouselFetchedIMGs > img').each(function() {
let src = $(this).attr('src');
$('div.targetLocation').append( $(`<div style="background-image: ${src}" />`) );
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/463090.html
標籤：jQuery