在 click 函数中使用 OR

Question

你能在 jQuery 中做类似 (a || b).click() 的事情吗？

我试图在单击 a 或 b 时发生一些事情。在下面的示例中，我希望无论它在哪里显示 button[i]，它旁边都有一个 menubutton[i]，这样，当单击 button[i] 或 menubutton[i]。

for (let i = 0; i < 4; i++) {
  $(button[i]).click(function() {
    if (divClosed[i]) {
      $('#icons-pattern-main').css({
        'height': '920px',
        'clip-path': 'none',
        'transition': '0.2s linear'
      });
      $('#text').css('display', 'none')
      $('#textpers').css('display', 'flex')
      $('#textpers').text(pers[i])
      $('.header').mouseleave(function() {
        setTimeout(function() {
          $('#textpers').text("τι τάξη είσαι;")
        }, 5000);
      })
      for (let x = 0; x < 4; x++) {
        (divClosed[x]) = true
        $(ShEl[x]).hide();
      }
      for (let x = 0; x < 6; x++) {
        $(ShElinner[x]).hide();
      }
      divClosed[i] = false
      $(ShEl[i]).css('display', 'flex');
      if (i > 1) {
        $('#icons-pattern-main').css('height', '520')
        for (let x = 0; x < 6; x++) {
          $(option[x]).click(function() {
            $(ShElinner[x]).show()
            $(ShEl[i]).hide()
            $('#icons-pattern-main').css('height', '920')
            subOpen = true
            if (subOpen) {
              $(button[i]).click(function() {
                $(ShElinner[x]).hide()
                subOpen = false
              });
            }
          });
        }
      }
    } else {
      $('#icons-pattern-main').css({
        'height': '420px',
        'clip-path': 'polygon(0 0, 100% 0, 100% 59%, 44% 59%, 50% 100%, 56% 59%, 0 59%)',
        'transition': '0.2s linear'
      });
      divClosed[i] = true;
      $(ShEl[i]).hide()
      $(ShElinner).hide()
      $('#text').css('display', 'flex')
      $('#textpers').css('display', 'none')
    }
  });
}

Answer 1

$('.class1, .class2').on('click', some_function);

或者：

$('.class1').add('.class2').on('click', some_function);

这也适用于现有对象：

const $class1 = $('.class1');
const $class2 = $('.class2');
$class1.add($class2).on('click', some_function);

Answer 2

通常，您可以使用 CSS 选择器选择多个元素。

因此，您可以使用逗号（，）分隔多个选择器，如下所示：

$(".a,.b").click()

---

在您的情况下，您可以使用 .add() 将元素添加到选择器 函数正如 Lennard K 建议的那样：

$(button[i]).add(menubutton[i]).click()