javascript - 仅定位选定的数据属性？

有没有一种方法可以仅选择/定位具有“冬天”值的“数据季节”？

我的HTML：

<li data-season="summer">summer
  <ul class="groups">
   <li data-item="beach">beach</li>
   <li data-item="Hawaii">Hawaii</li>
   <li data-item="Beach Ball">Beach Ball</li>
   <li data-item="hot sun">hot sun</li>
  </ul>
</li>

<li data-season="winter">winter
  <ul class="groups">
   <li data-item="snow">snow</li>
   <li data-item="glacier">glacier</li>
   <li data-item="hot soup">hot soup</li>
   <li data-item="snow man">snow man</li>
   <li data-item="heater">heater</li>
  </ul>
</li>

在我的Jquery中，我可以从返回的函数中获取字符串“ winter”，

现在我只想将css更改为雪，冰川，热汤，雪人和取暖器，但css不适用于夏季，我该怎么做？

最佳答案

  $('[data-item="winter"]').css('background':'red');

要么

  foo = 'winter';
  $('[data-item="'+foo+'"]').css('background':'red');

DEMO

ps这也适用于CSS规则

 [data-item="winter"]{
     border:1px solid red;
 }

关于javascript - 仅定位选定的数据属性？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20025252/