2016-09-21 25 views
0

我有一個網站有幾個彈出窗口。我想在幾個元素上使用單個函數。它適用於普通的JS,但不適用於jQuery。如何傳遞函數參數到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個元素。

回答

5

我想你正在尋找的是這樣的:

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

對於多重選擇器,你可以這樣做:

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

同樣的完整性,這條線:

$(#contact).fadeIn(); 

應該用引號格式化:

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