javascript - 将 ID 传递给点击事件

Question

我在 asp.net 转发器中有以下输入

 <div class="detailsItem">
    <input type="button" class="saveCommand" value="Save"/>
 </div>

然后在我的 document.ready 中绑定(bind)一个点击函数

   <script type="text/javascript">

    $(document).ready(function () {

        $('.saveCommand').live('click', function () {
            var cur = $(this);
            saveItem(cur.closest('div.detailsItem'));
        });

    });

当我绑定(bind)中继器时，我希望能够在调用 click 函数时包含一个 ID。类似于:

<input type="button" onclikc="save(this,<%#((CustomViewItem)Container.DataItem).Id%>" value="Save"/>

关于如何结合这两种绑定(bind)方式的任何想法？

Answer 1

我建议您使用 data attribute .

<!--
    <div class="detailsItem" data-id="<%#((CustomViewItem)Container.DataItem).Id%>">
-->
<div class="detailsItem" data-id="YourIdHere">
    <input type="button" class="saveCommand" value="Save"/>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('.saveCommand').on('click', function () {
            var cur = $(this);
            var detailsItem = cur.closest('div.detailsItem');
            alert(detailsItem.data("id"));
            saveItem(detailsItem);
        });
    });
</script>

关于 jQuery 中的 data() 方法的更多信息:http://docs.jquery.com/Data .