鍍金池/ 問答/HTML5  HTML/ jquery 選擇器的問題

jquery 選擇器的問題

想做一個(gè)左側(cè)導(dǎo)航欄 jquery 如何能選中 點(diǎn)擊元素的子元素
點(diǎn)擊menu_item的時(shí)候讓icon-arrow-up旋轉(zhuǎn)
現(xiàn)在我點(diǎn)擊一個(gè) 兩個(gè)都轉(zhuǎn)

<ul class="menubar">
    <li class="menu_item">
        <div class="menu_item_title">
            <div>
                <i class="menu_icon iconfont icon-wendang"></i>
                <span>導(dǎo)航一</span>
            </div>
            <i class="iconfont icon-arrow-up"></i>
        </div>
    </li>
    <li class="menu_item">
        <div class="menu_item_title">
            <div>
                <i class="menu_icon iconfont icon-wendang"></i>
                <span>導(dǎo)航一</span>
            </div>
            <i class="iconfont icon-arrow-up"></i>
        </div>
    </li>
</ul>

大佬們看下 怎么實(shí)現(xiàn)
我的點(diǎn)擊事件：

$(".menu_item_title").click(function () {
    $(".icon-arrow-up").toggleClass("arrowActive")
})
回答
編輯回答
莓森

因?yàn)槟愕倪x擇器有問題，你可以用$(this)來確定的選擇到你想要的元素，可以把點(diǎn)擊事件寫成

$(".menu_item_title").click(function(){
    $(this).children("i.icon-arrow-up").toggleClass("arrowActive");
})
2018年6月3日 08:56
編輯回答
心癌

我的想法是這樣，你試試，就更改了你的點(diǎn)擊事件：

$(".menu_item_title").click(function () {
    $(this).find(".iconfont").toggleClass("arrowActive");
})
2018年6月14日 11:01
編輯回答
九年囚
$(".menu_item_title").click(function () {
    $(this).find(".icon-arrow-up").toggleClass("arrowActive")
})

這個(gè)this就是你當(dāng)前點(diǎn)擊的，并且找到 icon-arrow-up 切換類名

2017年6月18日 09:28
編輯回答
久礙你
$(".menu_item_title").click(function () {
    $(this).find(".icon-arrow-up").toggleClass("arrowActive")
})
2017年8月12日 05:32
編輯回答
悶油瓶
$('.menu_item_title').click(function() {
    $(this).children('.icon-arrow-up').toggleClass('arrowActive')
})
2017年10月27日 06:33
編輯回答
陌南塵
$(document).on("click",".menu_item",function(){
    let _this = $(this)
    let obj = _this.find('.icon-arrow-up')
    //使其旋轉(zhuǎn)代碼...more code
})

如果要加個(gè)狀態(tài)，可以給每個(gè)元素添加一個(gè)data-text或者class來判斷他的狀態(tài)。

2017年1月8日 00:00