如果在jquery中运行else

时间:2012-05-18 14:12:21

标签: jquery function

我需要在我的jquery中使用if else函数,但我不知道如何做到这一点。或者是不是可能?

 if  $(".image1").click(function(){

        $(idnumbers).css("display", "block");
        $(idnumberp).css("display", "none");
        $(idnumber).css("display","block");  
  });



 else if $(".image2").click(function(){
        $(idnumbers2).css("display", "block");
        $(idnumberp).css("display", "none");
        $(idnumber).css("display","block");  

  });



 else $(".image3").click(function(){

        $(idnumbers3).css("display", "block");
        $(idnumberp).css("display", "none");
        $(idnumber).css("display","block");  

   });

2 个答案:

答案 0 :(得分:2)

您无需将事件处理程序放入if语句中。通过将事件附加到元素'onClick'侦听器,您已经处理了每个特定情况。

$(".image1").click(function(){
    $(idnumbers).css("display", "block");
    $(idnumberp).css("display", "none");
    $(idnumber).css("display","block");  
});

$(".image2").click(function(){
    $(idnumbers2).css("display", "block");
    $(idnumberp).css("display", "none");
    $(idnumber).css("display","block");  
});

$(".image3").click(function(){
    $(idnumbers3).css("display", "block");
    $(idnumberp).css("display", "none");
    $(idnumber).css("display","block");  
});

如果没有无关的if / else语句,这应该可以满足你的需要。

答案 1 :(得分:2)

你真的想要这样的东西:

function imageClick()
{       
    $(idnumberp).css("display", "none");         
    $(idnumber).css("display","block");     
};

$(".image1").click(function(){ $(idnumbers).css("display", "block"); imageClick(); });
$(".image2").click(function(){ $(idnumbers2).css("display", "block"); imageClick(); });
$(".image3").click(function(){ $(idnumbers3).css("display", "block"); imageClick(); });