javascript - 将多个元素传递给each函数

Question

function generalShowPopup(click_element, show_elements) {
  click_element.on("click", function(event) {
    show_elements.each(function() {
      $(this).show();
    });
    event.preventDefault();
  });
}

通过上述函数，我打算在单击某个链接时显示一个元素。

像这样调用函数(第二个参数)效果很好:

generalShowPopup($(".popup_link"), $(".popup") );

但是我如何将两个元素传递给第二个参数，即单击某个链接时显示两个元素？

Answer 1

只需在选择器字符串内使用逗号 ,，实际上没有理由使用 .each():

generalShowPopup($(".popup_link"), $(".popup,.selecctor2, #selector3") );

无需使用每个:

function generalShowPopup(click_element, show_elements) {
    click_element.on("click", function(event) {
        event.preventDefault();
        show_elements.show();
    });
}

编写所有这些内容的更快方法是:

$(function() {
    $(".popup_link").on('click', function(event) {
        event.preventDefault();
        $(".popup,.selecctor2, #selector3").show();
    });
});