Klik label untuk menambahkan gaya kelas padanya dan padamkan gaya kelas elemen adik-beradiknya.
//Acara klik,
$(".menu pengguna li a").klik(fungsi(){
//單擊時(shí),給他添加樣式,同時(shí)遍歷同輩元素刪除該樣式
//但是實(shí)現(xiàn)不了,是不是我的思路錯(cuò)了
$(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
人生最曼妙的風(fēng)景,竟是內(nèi)心的淡定與從容!
$(".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.
Mula-mula merentasi semua elemen, kemudian tambah gaya pada yang semasa, dan alih keluar gaya ini daripada yang lain
Pelan saya:
$('.user-menu li a').on('click.app', function(){
// 自身加屬性 - 同輩移屬性
$(this).addClass('active')
.parent() // 退回到父級(jí) li
.siblings()
.removeClass('active');
});