jquery - 删除与parentsUntil选择的选项

Question

我可能以错误的方式处理这个问题。我有一个链接和表单选项的容器。单击链接时，它会选择一个选项。为了在选择另一个选项时取消选择该选项，我需要迭代父元素直到特定的类，然后删除该选项的选定值。

这里是一些 HTML。

<ul class="cssClass">
  <li><div class="first-elem">Select<span></span></div>
    <ul>
        <li><a href="#firstValue">First Value</a></li>
        <li><a href="#secondValue">Second Value</a></li>
    </ul>
  </li>
  <li>
    <select name="someSelect">
        <option value="">Select</option>
        <option value="firstValue">First Value</option>
        <option value="secondValue">Second Value</option>
    </select> 
  </li>
</ul>

这里是 jQuery 的开始。除了我的removeAttr 部分之外，一切都正常，所以我排除了其余部分。

$(".cssClass li a").click(function(e) {
  e.preventDefault();
    $(this).parentsUntil('.cssClass','option').removeAttr("selected");

但这不起作用。还有其他方法可以做到这一点吗？

Answer 1

parentsUntil 的第二个参数是进行过滤，而不是进行选择查询。最好用这个

 $(this).closest('.cssClass').find('option').removeAttr("selected");