javascript - Pilih teg, tambah gaya kelas pada teg yang dipilih dan padamkan gaya kelas kepada unsur adik beradik

Question

Klik label untuk menambahkan gaya kelas padanya dan padamkan gaya kelas elemen adik-beradiknya.

//Acara klik,
$(".menu pengguna li a").klik(fungsi(){

//单击时,给他添加样式,同时遍历同辈元素删除该样式
//但是实现不了,是不是我的思路错了
$(this).addClass("active").siblings().removeClass("active");        

});

//Tag, ada tag dalam tag li, mulanya kenderaan koleksi sahaja yang ada gaya, tak tahu kenapa tak boleh dipaparkan
<ul class="user-menu">
< li>Kenderaan koleksi</ li>
<li>Isyarat Pengurangan Harga</li>
<li>Sejarah Penyemakan Imbas</li>
</ul>

Apabila tidak diklik

Selepas mengklik, anda ingin menambah demo pada label yang anda ingin klik Padamkan gaya label asal, tinggalkan satu gaya sahaja

.

Apa yang anda ingin capai selepas klik tidak tercapai

Answer 1

$(".menu pengguna li a").klik(fungsi(){

//先全部干掉
$(".user-menu li a").removeClass("active");    
//再给this加上
$(this).addClass("active");        

});
Beginilah kebiasaan saya menggunakannya, dan saya ingin meminta penyelesaian yang lebih baik;
Tambahan: Pemilih anda memilih teg a di dalam teg li, dan kemudian anda mencari elemen adik-beradik a tag, tetapi anda tidak dapat mencari li lain Teg a di bawah tag.

Answer 2

Mula-mula merentasi semua elemen, kemudian tambah gaya pada yang semasa, dan alih keluar gaya ini daripada yang lain

Answer 3

Pelan saya:

$('.user-menu li a').on('click.app', function(){
    // 自身加属性 - 同辈移属性
    $(this).addClass('active')
        .parent() // 退回到父级 li
        .siblings()
        .removeClass('active');
});