Question

我有一个列有许多产品的页面。这些产品中的每一个都在div中，并且具有如下形式：

<form class="cart" method="post" enctype="multipart/form-data">
    <input type="hidden" name="add-to-cart" value="">
    <button type="submit" class="single_add_to_cart_button button">Add to Cart</button>
</form>

正如您所看到的，添加到购物车的价值已经缺失。

在表单所在的同一个div中，我们有另一个这样的div，它包含产品的ID（例如IDPRODUCT），需要进入值：

<div class="vc_gitem-woocommerce vc_gitem-woocommerce-product-id hideidfromcart vc_gitem-align-left">IDPRODUCT</div>

我需要一个javascript函数，在文件就绪（？）或onmouseover上div搜索div中的值，例如IDPRODUCT，并将此值复制到输入名称的值=＆＃34; add-to -Cart＆＃34;

当然，对于每个不同的div，应该有适当的IDPRODUCT。

这是我试过的一个JSFiddle，但它似乎不起作用：JSFiddle

如何解决这个问题？非常感谢你

Answer 1

<强>更新

再次完整的例子

$('.cart-add-wrapper').each(function(){
    var id = $(this).find('.vc_gitem-woocommerce-product-id').text();
    $(this).find('input[name=add-to-cart]').val(id);
    console.log("id", id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="cart-add-wrapper">
    <form class="cart" method="post" enctype="multipart/form-data">
        <input type="hidden" name="add-to-cart" value="">
        <button type="submit" class="single_add_to_cart_button button">Add to Cart</button>
    </form>
    <div class="vc_gitem-woocommerce vc_gitem-woocommerce-product-id hideidfromcart vc_gitem-align-left">4321</div>
</div>
<div class="cart-add-wrapper">
    <form class="cart" method="post" enctype="multipart/form-data">
        <input type="hidden" name="add-to-cart" value="">
        <button type="submit" class="single_add_to_cart_button button">Add to Cart</button>
    </form>
    <div class="vc_gitem-woocommerce vc_gitem-woocommerce-product-id hideidfromcart vc_gitem-align-left">1234</div>
</div>

将文本从许多div复制到许多输入值

1 个答案: