使用參數附加函數動態創建div與jQuery

Question

我創建動態的一些div和我附加onclick函數給他們。 有什麼辦法可以附加以這種方式參數的函數嗎？

如果我只是在html中創建div，我可以附加一個函數，它可以很好地工作。我也可以附加不帶參數的簡單函數，並且它們完美地工作。

我怎樣才能附加這個功能，這需要'這個'作爲參數我的div？

會有人有任何建議？

onclick="playSound(this)" 

function playSound(el){ 
var soundId = $(el).html(); 
if (soundId == ('d')){ 
d.playclip() 
} 
else if (soundId == ('a')){ 
a.playclip() 
} 
else if (soundId == ('n')){ 
n.playclip() 
} 

我可以附上這樣的功能，它工作正常。

$(".myDiv").live("click", function(){ 
alert('hello'); 
}); 

任何幫助將非常感謝！ 謝謝！

Answer 1

可以使用$(el).data('some-key', 'some-value')和

$(".myDiv").live("click", function() { 
    alert($(this).data('some-key')); 
}) 

這樣就可以把數據元素，並利用它後面附加一些數據到元素。

Answer 2

對於您可以使用類似這種特殊情況下：如果你重構你的代碼下降el，並以這種方式使用this

$(".myDiv").click(function(){ 
    playSound(this); 
}); 

---

：

function playSound() { 
    var soundId = $(this).html(); 
    if (soundId == ('d')) { 
     d.playclip() 
    } else if (soundId == ('a')) { 
     a.playclip() 
    } else if (soundId == ('n')) { 
     n.playclip() 
    } 
} 

你可以直接使用它。

$(".myDiv").click(playSound); 

Answer 3

絕對。這就是所謂的JavaScript的功能bind：

playSound.bind(this, arg1, arg2, ...) 

類似的jQuery的代理功能的另一種有用的功能。這隻跟蹤的範圍，但並不允許你送其他參數：

$.proxy(playSound, this)