jquery – 在部分视图MVC 3剃须刀中消除重复ID

我有一个页面,它根据@L_944_3@交互添加动态部分视图.同样可以添加相同的局部视图.每个部分视图通过 JQuery和AJAX执行提交.什么是避免页面上的ID重复的最佳方法.这非常重要,因为JQuery函数使用ID选择器.请给我一个解决方案.

部分View1

<script type="text/javascript"> 
    $(function () {
        $("#MyButton1")
            .button()
            .click(function () {
                alert("MyButton1 clicked From MyForm1 ");
            });
    });
</script>
<div><p>MyForm1</p></div>
<form id="MyForm1" >
    <input id="MyButton1" type="button" value="buttonFromPartial1" />
 </form>

部分View2

<script type="text/javascript"> 
    $(function () {
        $("#MyButton1")
            .button()
            .click(function () {
                alert("MyButton1 clicked From MyForm2 ");
            });
    });
</script>
<div><p>MyForm2</p></div>

<form id="MyForm2" >
    <input id="MyButton1" type="button" value="buttonFromPartial2" />
</form>

@function String GeneratEID(String prefiX)
{
return String.Format("{0}_{1}",prefix,Guid.NewGuid().ToString("N"));
}

function generatEID(String prefiX) {
  return prefix + Math.floor((1 + Math.random()) * 0x10000)
             .toString(16)
             .subString(1);
};

@var buttonId = GeneratEID("button")
// buttonId = "button_85021948560128"
...