Javascript变量类或id

Question

我在 .js 文件中有此代码，当您在 html 上添加类(如 open-product)时，它会打开 product-popup。

$('.open-product').on('click', function(){
        showPopup($('#product-popup'));
        initSwiper();
        return false;
    });

但我想这样使用..

 $('.open-product(product id variable)').on('click', function(){
        showPopup($('#product-popup(product id variable)'));
        initSwiper();
        return false;
    });

它用于我 html 页面上的多个产品。当我点击 45.product like open-product45 时，它必须打开 product-popup45。

这段 javascript 代码应该如何编写？

对不起我的英语。

Answer 1

将数据属性添加到您的 HTML 中:

<div class="open-product" data-product_id="1"></div>

然后在你的 JS 中:

$('.open-product').on('click', function(){
     var product_id = $(this).data('product_id');
     showPopup($('#product-popup'+product_id));
     initSwiper();
     return false;
});