如何获取id打开对话框

Question

我有以下代码

<td><a href="#" id="dialog_link-19" class="ui-state-default ui-corner-all">Click here</a></td>
<td><a href="#" id="dialog_link-25" class="ui-state-default ui-corner-all">Click here</a></td>
<td><a href="#" id="dialog_link-33" class="ui-state-default ui-corner-all">Click here</a></td>
<td><a href="#" id="dialog_link-556" class="ui-state-default ui-corner-all">Click here</a></td>

#dialog_link 是动态生成的.

在我的js中,我需要知道哪个被点击了.

这是我的js

 $('#dialog').dialog({
            autoOpen: false,
            width: 600,
            buttons: {
                "Ok": function() {
                    $(this).dialog("close");
                },
                "Cancel": function() {
                    $(this).dialog("close");
                }
            }
        });

        // Dialog Link
        $('#dialog_link').click(function(){
            $('#dialog').dialog('open');
            $.ajax({
                  url: "teams/pp",
                  type: "POST",
                  data: 
                  success: function( data ){

                     console.log(data);

                    }

                });

            return false;
        });

Answer 1

使用id^而不是id*,id^用于指示id具有给定文本的开头并且id*如果给定文本可用,则匹配id,在任何地方甚至最后都像id1-dialog_link:

$("td a[id^='dialog_link']").click(function(){ 
    var id = $(this).prop('id');
    console.log(id);
});

这里a[id^='dialog_link']匹配dialog_link-19但不匹配id1-dialog_link.

Answer 2

您可以通过以下方式获取被单击的 ID：

$('a[id*=dialog_link]').click(function(){
    var id = $(this).attr('id');

    console.log(id);
});