Добавить Если еще условие нажать функцию

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

можно путем добавления id для каждого элемента <li> и написать общую функцию jquery с if else.

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 часть:

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