javascript - 動的 div へのクリック機能のバインド

Question

一意の div id で作成されたそのような div の数があります。[click me] をクリックすると、その productid のアラートが表示されます。

<div id="xyz{productid}">
    Click Me
</div>
.....
<script type="text/javascript">
    var uuid="{productid}"
</script>
<script src="file1.js">

file1.js のコード

$(function () {
    var d = "#xyz" + uuid;
    $(d).click(function () {
        alert("Hello" + uuid);
        return false;
    });
    alert(d);
});

コードも問題ありませんが、基本的な問題は、製品の数があるカテゴリ ページで実行しているため、この関数は最後の製品タイルのみにバインドされているため、その特定の div のみにバインドすることです。どこで呼ばれているか

................................ 解決策がありました 返信が遅くなり申し訳ありません、土日祝日でしたが、クラスの種類で解決しましたページ上の各タイルでオブジェクトを作成し、ページの読み込み時にすべてのクラス変数を初期化するため、個別の div id を取得し、関数をそれにバインドするときに、クラス変数からのデータを引き続き使用できます。 、私のコードをここに投稿しているので、誰かがそれを使用したい場合は、

UniqeDiv= new function()
{   
var _this = this;   
var _divParams = null;
var _uuid=null;
//constructor   
new function(){     

//$(document).bind("ready", initialize);

//$(window).bind("unload", dispose);


_uuid=pUUID;

initialize();

$('#abcd_'+_uuid).bind("click",showRatingsMe)

dispose();


}

function initialize(){

}
function showRatingsMe(){       
    alert(_uuid);       
}   
function dispose(){ 
    _this = _divParams = null
}
}
//In a target file, im including this js file as below
<script type="text/javascript">
    var pUUID="${uuid}";        
</script>
<script type="text/javascript" src="http://localhost:8080/..../abc.js"></script>