具有不同屬性值的CSS？

Question

我有一個單擊btn，它將從html中動態選擇data-attr值。

$(".template-seasonFinder li a[data-season=seasonX]").css("display","block"); 

，我有一個名爲seasonX存儲data-season值可變，但增加了選擇不會工作中的變量。

我怎樣才能使它的價值動態？

Answer 1

您需要使用字符串連接來構建選擇：

$('.template-seasonFinder li a[data-season="' + seasonX + '"]') 

Answer 2

你可以把一切都變成變量。

yourvar = ".template-seasonFinder li a[data-season=" + seasonX + "]"; 
$(yourvar).css("display","block"); 

Answer 3

的其他可能的解決方案是通過使用filter方法（docs）：

var winter = "summer"; //Adjusting for global warming 
$('.template-seasonFinder li a').filter(function(i, e) { 
    return $(this).data('season') == winter; 
});