如何将数据项 ID 的值添加到另一个元素

How to add the value of a data itemid to another element

本文关键字：添加 另一个 元素 数据项 ID      更新时间：2023-09-26

情况如下。图片中有两个绿色按钮"Naar dit adres verzenden"，意思是"发送到这个地址"。通常，当有人单击这些按钮时，用户会转到特定的URL。但是当有人点击按钮时，该值必须传递给类"customNextStep"。此类属于底部按钮"Volgende"，意思是"下一个"。

单击链接：http://postimg.org/image/dlgz5ijuj/以查看打印屏幕。

我已经能够检索"发送到此地址"按钮的数据项 ID 的值。但我不知道如何将其传递到"自定义下一步"类中。我知道我应该使用以下：

$('.customNextStep').attr('href');

但不知道具体如何。

到目前为止，我的代码如下：

//get item id on address click
    if ($('.customNextStep').length) {
        $('.button-1').on("click", function (event) {
            //alert("event prevented");
            event.preventDefault();
            alert($(this).attr('data-itemid'));
        });
      .... ?????
    }

HTML"发送到此地址"按钮：

<input type="button" value="@T("Checkout.ShipToThisAddress")" data-itemid="@item.Id" class="button-1 select-shipping-address-button"  onclick="" />

html"下一步"按钮：

<a class="customNextStep" href=""> 
    <input type="button" name="nextstep" value="volgende" class="button-1 billing-adress-next-step-button" /> 
</a>

怎么样：

$('.button-1').on("click", function (event) {
    //alert("event prevented");
    event.preventDefault();
    var itemid = $(this).attr('data-itemid');
    $(this).parent(".customNextStep").attr("href", itemid); 
    //Used an instance of 'this' above in case multiple customNextStep classes
    //$(".customNextStep").attr("href", itemid);
});

使用 data() 保存它：

$('.customNextStep').data({ itemId: $(this).attr('data-itemid') });

然后你可以像这样获取它：

var itemId = $('.customNextStep').data('itemId');
相关文章：