Question

我想用Jquery做类似的事情，为点击功能创造条件：

$(document).ready(function(){

  if {

    $("li#menu-item-1101").click(function(){     
    $( '#menu-item-1101' ).addClass( 'current_page_item' );

  }else{ // I clik on another <li> than #menu-item-1101 I remove current_page_item class     
    $( '#menu-item-1101' ).removeClass( 'current_page_item' );    
  }

  });

});

有人可以帮我吗？谢谢!!

Answer 1

我认为你想要的逻辑类似于：

点击li，您要查看其id并相应地添加/删除课程：

$(document).ready(function(){

    $("li").click(function(){ 
        if($(this).attr("id") == "menu-item-1101")
        {
            $(this).addClass( 'current_page_item' );
        }
        else
        {
            $( '#menu-item-1101' ).removeClass( 'current_page_item' );
        }
    });

});

Answer 2

可以通过向每个<li>元素添加一个id，并使用if else编写一个通用的jquery函数。

HTML：

<ul class="nav">
  <li id='itm1'>item 1</li>
  <li id='itm2'>item 2</li>
  <li id='itm3'>item 3</li>
</ul>

脚本：

$('.nav li').click(function(){

var id=$(this).attr('id');

if(id=='itm1'){//first li clicked}
else if(id=='itm2'){//second li clicked}
else{//third li clicked}

})

Answer 3

在进行代码时，似乎必须设置很多li条件。但你可以这样做：

HTML部分：

<ul class="nav">
  <li id='menu-item-1101'>item 1</li>
  <li id='menu-item-1102'>item 2</li>
  <li id='menu-item-1102'>item 3</li>
</ul>

jQuery Part：

$(function(){
    $(".nav li").click(function(){
        if($(".nav li").hasClass("current_page_item")){
            $(".nav li").removeClass("current_page_item");
        }
        $(this).addClass("current_page_item");
    })
})

添加If else条件以单击功能

3 个答案: