Javascript 如何使用jquery将自定义选定的焦点类添加到列表中

我想在下面的代码中使用jquery将自定义的“selected focus”类添加到数据值为4的列表项中

 <ul class="list">
   <li data-value="5" class="option selected focus">Bootstrap 4.3.1</li>
   <li data-value="3" class="option">Bootstrap 4.1.1</li>
   <li data-value="1" class="option">Bootstrap 4.0.0</li>
   <li data-value="2" class="option">Bootstrap 3.3.0</li>
   <li data-value="4" class="option">Bootstrap 3.0.0</li>
   <li data-value="6" class="option">No Bootstrap</li>
 </ul>

---

您需要首先从所有选项中删除类，然后将其添加到一个选项中

$（'.list'）.find（'li'）.removeClass（'selected focus'）；
$（'.list'）.find（'li[data value=4]'））.addClass（'selected focus'）
.selected.focus{
颜色：番茄；
}


引导程序4.3.1
引导程序4.1.1
Bootstrap 4.0.0
Bootstrap 3.3.0
Bootstrap 3.0.0
无引导
你试过什么吗
$（'.list li[data value=4]'）。addClass（“选定焦点”）
可能吗？@CarstenLøvboAndersen它起作用了，但如何从其他列表项中删除选定焦点？
$('.list').childern('li').attr('selected');