Jquery：动态锚点答案

【问题标题】：Jquery: Dynamic AnchorsJquery：动态锚点
【发布时间】：2011-08-04 03:41:28
【问题描述】：

我目前有一个混合使用 PHP、JQuery 和 Ajax 的页面。该页面显示一个项目表，每个项目（行）旁边都有相应的锚点，用于查看详细信息、编辑或删除该特定项目。

当页面最初加载时，它通过 Jquery/Ajax 调用以填充表格，并将项目 ID 附加到每个项目的锚点的 URL（例如:<a id="myanchorid" href="viewdetails.php?id=5">）而不是将用户带到新页面，我希望能够使用 Jquery 的对话功能在对话弹出窗口中打开页面。

我遇到的问题是，为了正确调用我的 Jquery 函数，我显然需要每个锚点的唯一 ID，但由于我不知道页面加载时我将拥有多少项目，并且每个项目的 ID 可以是任何数字，我不知道如何创建带有 ID 的锚标签，我可以将它们传递给我的对话函数。

谢谢！

我目前正在使用以下功能：

$(document).ready(function(){
 function yourfunction(event) {
           alert($('#myanchorid').attr('href')); 
          //$("#dialog").load(/getEventNameById/').dialog(); //will add item ID here
         return false;
    }


$('#myanchorid').live('click',yourfunction); //need myanchorid to dynamically be passed...myanchorid1, myanchorid2...

});

【问题讨论】：

标签： jquery dynamic anchor

【解决方案1】：

您可以使用 HTML5 data 属性：

<a href="viewdetails.php?id=5" data-id="5" class="view_more">Click to view</a>

然后：

$('.view_more').click(function()
{
    id = $(this).data('id') // should yield 5
});

【讨论】：

【解决方案2】：

为什么不给所有元素添加一个类，比如

<a href="" id="" class="ajax">...</a>

$('.ajax').live('click',yourfunction);

【讨论】：