jQuery AddClass 匹配 class 和值

Question

我有以下内容：

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

使用 jQuery 如何将 selected 的 class 添加到具有 class=dataStart AND[=27 的 <span> =] val=1。

我试过了：

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

但其中 none 有效。我什至接近？

Answer 1

您想在具有 class "dateStart" 且属性 "val" 具有“1”的范围内添加 class "selected"，因此选择器应为 $('.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>

jQuery AddClass 匹配 class 和值

jQuery AddClass matching class and value

jquery

addclass