将动态元素id传递给jquery函数

Question

我的.gsp中有这段代码 单击jquery函数时此图像链接触发事件。问题是我想将动态id（id="deleteSupp_${supplementary.id}"）传递给jquery函数，以便在单击图像链接时触发事件处理程序。

 <div  class="deleteSupplementary" data-supplementary=["${supplementary.id}","${supplementary.sth?.id}"]>
    <a href="#" >
       <r:img  id="deleteSupp_${supplementary.id}"  class="icon float-right" uri="/img/app-icon-delete.gif"  title="delete"/>
    </a>
</div>

这是jquery函数

function showConfirmationPanel(){

    $("#deleteSupp_${supplementary.id}").live('click',function (event){

        event.preventDefault();
        $("#someform").show();
    });

}

Answer 1

function showConfirmationPanel()    
{
    $('img[id^="deleteSupp_"').on   
    (
        'click',                    
        function (event)
        {
            event.preventDefault();

            // Get the supplementary id
            var sSuppId = $(this).closest(".deleteSupplementary")
                                 .data("supplementary")[0];    

            $("#someform").show();
        }
    );
}