jquery - 選択した要素の親にクラスを追加する方法

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"));

しかし、1つの要素「a」をクリックすると、その親「li」は選択されません。

誰かが理由を知っていますか？

ありがとう

score 2 · Accepted Answer

私はあなたが求めているのはここのハンドラーだと思います：click

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

:selectedたとえばの要素selectedのような<option>要素<select>用です。のようなイベントで何かを発生させたい場合は、click上記のようなイベントハンドラーを使用してください。ハンドラー内でthis、イベントが発生している要素を参照します。

上記は説明のためのものであり、より効率的なバージョンは次の.delegate()ように使用します。

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

score 1 · Accepted Answer

リンクを「：selected」にすることはできません。これはオプション要素にのみ適用されます。したがって、最初のセレクターは失敗します。

score 0 · Accepted Answer

a：selectedはそのように使用できますか？テストせずに、それはエラーだと思います

3 に答える 3