Javascript变量类或id

我在.js文件中有这段代码，当您在html上添加类（如open product）时，它会打开产品弹出窗口

$('.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。像open-product45这样的产品必须打开product-popup45

这段javascript代码应该是什么样子的

对不起我的英语

你试过了吗

var productId = 1;

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

---

将数据属性添加到HTML：

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

---

你可以考虑在你的按钮中使用一些参数。

<button class="open-product" data-product="1">Open product 1</botton>

或者甚至考虑引用弹出ID，例如：

<button class="open-product" data-popup="#product-popup-1">Open product 1</botton>

---

我照你说的做了，但没用。我加上这样的话，它不会打开弹出窗口

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

<button class="open-product" data-popup="#product-popup-1">Open product 1</botton>

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