javascript - Pilih teg, tambah gaya kelas pada teg yang dipilih dan padamkan gaya kelas kepada unsur adik beradik
黄舟
黄舟 2017-06-12 09:20:42
0
3
849

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

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

membalas semua(3)
Ty80

$(".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() // 退回到父级 li
        .siblings()
        .removeClass('active');
});
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!