如何将类添加到所选元素的父级

Question

我想在元素的父元素中添加类。

dom的结构是：

<ul class="companies">
<li>
<a id=""></a>
<a id=""></a>
</li>
<li>
<a id=""></a>
<a id=""></a>
</li>
</ul>

所有“a”元素的id都是自动的。

我想将类添加到所选“a”的父级“li”。

这是我的代码：

$(".companies li a:selected").parent("li").addClass('selected');
selectDealer($(".companies li a:selected").attr("id"));

但是当我单击一个元素“a”时，其父元素“li”将不会被选择。

有谁知道为什么？

谢谢

Answer 1

我认为您所追求的是这里的点击处理程序：

$(".companies li a").click(function() {
  $(this).parent("li").addClass('selected');
  selectDealer(this.id);
});

:selected 用于 selected 元素，例如 中的元素。例如。如果您希望某个事件发生某些事情，例如 click，请使用像我上面那样的事件处理程序。在处理程序内部，this 将引用发生事件的元素。

上面只是为了说明，更高效的版本会使用 .delegate() 像这样：

$(".companies").delegate("li a", "click", function() {
  $(this).parent("li").addClass('selected');
  selectDealer(this.id);
});

Answer 2

链接不能为“:selected”，这只适用于选项元素。因此，您的初始选择器失败了。

Answer 3

你确定 a:selected 可以这样使用吗？未经测试我会说这就是错误