使用jQuery获取Repeater中单击控件的Span ID

时间:2013-07-02 18:52:38

标签: jquery asp.net

我有一个转发器,每个转发器都包含一个视频。此视频名称是动态的,我从span标记中的ID嵌入到flowplayer中。我的问题是我不能提出只捕获所选跨距ID的逻辑,因为每个跨距具有相同的父ID,所以它总是抓住第一个。

<asp:Repeater ID="rep_WebinarsCompleted" runat="server" OnItemDataBound="rep_WebinarsCompleted_ItemDataBound">
    <ItemTemplate>
        <a href="" id="overlay-triggers" name="overlay-triggers" runat="server">
            <span id='<%# DataBinder.Eval(Container.DataItem, "VideoFileName")%>'>View</span>
        </a>
   </ItemTemplate>
</asp:Repeater>

我从以下位置检索范围ID(视频文件名):var i = $(“#overlay-triggers span”)。attr(“id”),

<script type="text/javascript">
    $(function () {
        $("#overlay-triggers").overlay(
            onBeforeLoad: function () {
               var i = $("#overlay-triggers span").attr("id"),
               alert(i);
            },
        });
    });
</script>

1 个答案:

答案 0 :(得分:1)

您可以为每个跨度添加onclick

这样的事情:

<span onclick="spanClicked(this.id);" id='<%# DataBinder.Eval(Container.DataItem, "VideoFileName")%>'>View</span>

函数调用中的this.id将span的(this)ID(id)属性传递给函数。并具有调用功能:

function spanClicked(id){
   alert(id);
}