我有一个像这样的HTML代码段:
<div class="chartPeriodChangeOptions" id="id1">
<a href="#" class="hourlyChartPeriod" data-period="day">D</a>
<a href="#" class="hourlyChartPeriod" data-period="week">W</a>
</div>
<div class="chartPeriodChangeOptions" id="id2">
<a href="#" class="hourlyChartPeriod" data-period="day">D</a>
<a href="#" class="hourlyChartPeriod" data-period="week">W</a>
</div>
我正在尝试添加一个class =“active”,与id =“id1”和data-period =“day”链接。
使用以下代码,我可以选择具有特定数据值的代码
$("a[data-period='" + someMethod() + "']").addClass("active");
如何添加ID选择部分。
答案 0 :(得分:1)
试试这个:
$("#id1 > a[data-period='" + someMethod() + "']").addClass("active")
答案 1 :(得分:0)
如果您希望这是可扩展的,请使用&#39;以&#39;开头。选择器:
$("div[id^='id'] > a[data-period='" + someMethod() + "']").addClass("active");
这将接受id =&#34; id1&#34;,id =&#34; id2&#34;,id =&#34; id3&#34;,... etc
答案 2 :(得分:0)
使用它:
$(document).ready(function(){
$("#id1 a[data-period='" + someMethod() + "']").addClass("active");
});