获取和操作产品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_保存一些字节。

要查看data（）和属性之间的区别，您可以阅读此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

您的代码唯一真正的问题是它不适用于任何ID。例如，如果数据属性中包含点或括号，则无效。

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

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

如果您知道自己拥有什么ID，并且他们不喜欢，那么您的代码就可以了。