2016-09-16 45 views
0

我有以下几点:jQuery的AddClass匹配的类和价值

<span class="dateStart" val="0">2016-09-16</span> | 
<span class="dateStart" val="1">2016-09-15</span> | 

使用jQuery哪能一类selected添加到具有class=dataStartval=1<span>

我想:

$('.dateStart[value="0"]').addClass('selected'); 
$('.dateStart[val="0"]').addClass('selected'); 
$('.dateStart[attr-val="0"]').addClass('selected'); 

但他们没有工作。我甚至关闭?

+0

的第二行该示例应该可以工作。它没有的唯一原因是因为你正在寻找'L'而不是'1'的值。还要注意'val'不是'span'的有效属性,所以你的HTML将是无效的。 –

+0

你的字体在'1'和'l'之间混淆了吗? ;) – eisbehr

+0

如果将'L'更改为'1',则第二行将起作用。 – Azim

回答

0

你想在一个具有跨度类“dateStart”和属性“VAL”添加类“中选择”具有“1”,所以选择器应该是$('.dateStart[val="1"]').addClass('selected');

function getSelected(){ 
 
    $('.dateStart[val="1"]').addClass('selected'); 
 
}
.selected{ 
 
    color:red 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="dateStart" val="0">2016-09-16</span> | 
 
<span class="dateStart" val="1">2016-09-15</span> | 
 
<br/><br/> 
 
<button onclick="getSelected()">Click Here</button>