选择具有特定id和html标记值的html链接

时间:2014-08-22 17:49:51

标签: javascript jquery

我有一个像这样的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选择部分。

3 个答案:

答案 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");


});