Question

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

Answer 1

试试这个：

$("#id1 > a[data-period='" + someMethod() + "']").addClass("active")

Answer 2

如果您希望这是可扩展的，请使用＆＃39;以＆＃39;开头。选择器：

$("div[id^='id'] > a[data-period='" + someMethod() + "']").addClass("active");

这将接受id =＆＃34; id1＆＃34;，id =＆＃34; id2＆＃34;，id =＆＃34; id3＆＃34;，... etc

Answer 3

使用它：

$(document).ready(function(){

        $("#id1 a[data-period='" + someMethod() + "']").addClass("active");


});

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

3 个答案: