獲取和操作產品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，並且他們不花哨，那麼你的代碼主要是罰款。