Javascript 复制每个而不是第一个唯一数据（div container'；s.sku div.html到image div'；s img attr（"；src"；）

我有多个div，每个div包含一个唯一的产品，每个div都有自己的独立类div（图像、产品名称、产品价格和产品sku）

我希望每个产品部门都有自己的图像名称与SKU匹配。 但是，它对每一张图像都执行相同的第一个SKU！我希望这是有意义的！我想我需要在某个地方使用“每个”或/和“这个”

如果你能帮忙，非常感谢

以下是HTML：

<div class="product-box"><img class="product-img">
    <div class="product name">Geax 26" x 2.00 Cross Country Tyre Folding White</div>
    <div class="product price">£14.99</div><div class="product sku">112.3SG</div>
</div>

<div class="product-box"><img class="product-img">
    <div class="product name">Schwalbe Doc Blue Tubeless Sealant 60ML</div>
    <div class="product price">£5.99</div><div class="product sku">3710</div>
</div>

<div class="product-box"><img class="product-img">
    <div class="product name">Schwalbe Doc Blue Tubeless Sealant 500ML</div>
    <div class="product price">£15.99</div><div class="product sku">3711</div>
</div>

---

使用

每个

。下面是一个例子：

    $(document).ready(function () {
        var imagesrcname = $('.product.sku').html();
        $( ".product-img" ).attr("src","images/products/" + imagesrcname + ".jpg" );
    });

成功

$('.product.sku').each(function( index ) {
   console.log( index + ": " + $( this ).text() );
});

---

基本上，您需要遍历所有产品sku，并将其单个图像名称（sku

div

中的html）作为

src

属性添加到

image

遍历图像：

$(document).ready(function () {
    $('.product-box .sku').each( function(){
          var imagesrcname = $( this ).html();
          $( this ).parent().find( ".product-img" ).attr("src","images/products/" + imagesrcname + ".jpg" );
    } );
});

---

谢谢你，你是传奇人物！谢谢你的建议，但那剧本似乎不起作用work@BenjaminGoddard，我现在不能同意你的意见。选中此项：并尝试检查任何图像的

src

属性

$(".product-img").each(function(){
    $(this).attr("src","images/products/" + $(this).siblings(".product.sku").html() + ".jpg");
});