javascript - 同じクラス(クラスは変数)で別のリストからリスト内の要素を参照する方法は?

Question

Web サイトに 2 つのリストがあります。各要素には、他のリストに対応するクラスがあります。dl の要素をクリックすると、ul 要素が新しいクラスを追加します。私はこのようなことができると思っていましたが、どうやらそうではありません:

$('dl dt').click(function () {
    var classname = $(this).attr('class');
    $('dl dt[class~=classname]').click(function() {
        $("ul li").removeClass('active');
        $('ul li[class~=classname]').addClass('active');
    });
})

これは非常に簡単に達成できるように思えるので、かなりばかげているように感じますが、完全には理解できません。サイトの他の場所で明らかな答えを逃した場合は、ご容赦ください。しばらく探しましたが、何も見つかりませんでした。

Answer 1

セレクターを変更する必要があります。

$('dl dt[class~="'+classname+'"]').click(function() {
    $("ul li").removeClass('active');
    $('ul li[class~="'+classname+'"]').addClass('active');
});

アデネオが言ったように、複数のクラスがある場合、これはすべてのクラスを返します!