jquery - 如果在jQuery中的其他功能

Question

我的 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");  

   });

Answer 1

您不需要将事件处理程序放入 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 语句。

Answer 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(); });