如何将函数参数传递给 jquery 选择器

Question

我的网站有几个弹出窗口 windows。我想在多个元素上使用 1 个单一函数。它在常规 JS 中运行良好，但在 jQuery.

中运行良好

在我的 HTML 中，我有类似的东西：

<button onclick="div_show('contact')">More?</button>

和

<div id="contact" >
    blah blah
</div>

此#contact 元素默认隐藏。因此，如果我单击按钮，联系人 div 将与此 JS 一起出现：

    function div_show(id) {
document.getElementById(id).style.display = "block";
}

但是，我想使用 jquery 作为淡入淡出效果

function div_show(id) {
$(???).fadeIn();
}

如何使函数参数传递给 jquery 选择器

当然这样很好用:

function div_show(id) {
    $(#contact).fadeIn();
    }

但仅适用于 1 个元素。

Answer 1

我想你要找的是这个：

$("#" + id).fadeIn();

对于多个选择器，您可以这样做：

$("#" + id1 + ", #" + id2).fadeIn(); //etc

同样为了完整起见，这一行：

 $(#contact).fadeIn();

应该用引号格式化：

 $("#contact").fadeIn();

Answer 2

function div_show(id) {
 $('#'+id).fadeIn();
}

How to pass a function argument into the jquery selector