làm thế nào để có được id để hộp thoại

Question

mở Tôi đã đoạn mã sau

<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 được tạo ra tự động.

trong js của tôi Tôi cần phải biết cái nào đã được nhấp.

này là js của tôi

$('#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

Bạn có thể lấy id của một trong đó được nhấp liek này:

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

    console.log(id); 
}); 

Answer 2

Sử dụng id^ thay vì id*, id^ sử dụng để chỉ ra rằng id bắt đầu với văn bản đã cho và số id* phù hợp nếu văn bản đã cho sẵn có trong id, ở bất kỳ đâu, ngay cả ở cuối cùng như id1-dialog_link:

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

Ở đây a[id^='dialog_link'] sẽ khớp với dialog_link-19 nhưng không phải id1-dialog_link.

Answer 3

này sẽ trả về số lượng các liên kết nhấp:

$('a[id*=dialog_link]').click(function() { 
    var id = $(this).attr('id').replace('dialog_link-',''); 
    alert(id); 
}); 

Demo

Tôi đã sử dụng các .replace() chức năng để loại bỏ các văn bản