jQuery多个Ifs

Question

我希望能够有一些东西来检查某个CSS类是否存在并做一些事情，然后能够检查另一个CSS类是否存在并做一些事情。因此，如果.bp2存在，则执行此操作，但还要检查.bp3是否存在，如果存在，则执行其他操作。它们不需要同时存在，如果第一个存在，第二个也应该自己检查并运行。我是否每次都需要复制/粘贴这段代码，或者有没有一种方法可以将它们压缩在一起？

$('.lot2').click(function () {
    if ($('.bp2').hasClass('showbp')) {
        $('.bp2').removeClass('showbp');
    } else {
        $('.bp2').addClass('showbp');
    }
});

Answer 1

您可以执行多条if语句。

$('.lot2').click(function() {
  if($(".bp2").length) {
    $(".bp2").each(function(){
      $(this).toggleClass("showbp");
    });
  }
  if($('.bp3').length){
    // Do a thing
  }
});

使用.length将帮助我们确定该选择器的任何元素是否存在。它将导致0或一个大于0的数字。if语句将0求值为False，将1或更高的值求值为True。

使用.each()，我们可以迭代该集合中的每一项。然后我们可以使用.toggleClass()来添加或删除特定的类。

查看更多信息：

• https://api.jquery.com/length/
• https://api.jquery.com/each/
• https://api.jquery.com/toggleClass/