获取和操作产品ID

Question

我想澄清什么是获取和操作产品ID的正确方法。这里是我的尝试：

HTML：

<div data-product-id="100"></div> 

脚本：

var pid = $(this).attr('data-product-id'); 
$('#product_' + pid).css('display', 'none'); 

有没有更好的方式$('#product_' + pid)？

Answer 1

我唯一可以使用的问题是不使用data()来访问数据属性，否则使用产品ID号并将它与前缀类似的product_连接在一起，如果您没有很多元素，则可以使用，否则您可以使用p_保存一些字节。

要查看数据（）和属性之间的差异，您可以阅读article。

var pid = $(this).data('product-id'); 
$('#product_' + pid).css('display', 'none'); 

Answer 2

为什么就不能做到像：

$('#product_id').hide(); 

，但如果你坚持：

$('#product_' + $(this).data('product-id')).hide(); 

Answer 3

试试这个：

$('#product_' + $(this).data('product-id')).css('display', 'none');; 

Answer 4

与您的代码的唯一真正的问题是它不适用于任何身份证件。例如，如果在数据属性中有点或圆括号，它将不起作用。

在这种情况下，你就必须做

$(document.getElementById('product_' + $(this).data('product-id'))) 
    .css('display', 'none'); 

如果你知道你有什么ID，并且他们不花哨，那么你的代码主要是罚款。