Выберите идентификатор в таблице

Question

У меня есть этот код

<% foreach (var item in Model.List) { %>    
    <tr>
        <td><%: item.LastName %></td>
        <td><%: item.FirstName %></td>
        <td><%: item.IsEnable %></td>
        <td><a href="#" class="CustomerEdit">Edit</a></td>
        <td><a href="#" class="CustomerDetail">Detail</a></td>
        <td><a href="#" class="CustomerDelete">Delete</a></td>
    </tr>    
<% } %>


<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $(".CustomerEdit").click(function () {
            alert("blabla");
            //need id here
        });
    });
</script>

Его нет в коде, но у меня есть "Item.Id", его нигде нет, потому что я не знаю, где его разместить ;-). Я хотел бы, чтобы при нажатии на гиперссылку «Изменить» был получен идентификатор (item.Id) текущей строки.

Есть идеи?

Спасибо

Answer 1

<a href="#" class="CustomerEdit" id="edit_<%: item.Id %>">Edit</a>

и затем прочитайте id:

$(function() {
    $(".CustomerEdit").click(function() {
        var id = this.id.replace(/edit_/, ''); 
        alert(id);
        return false;
    });
});

Answer 2

<% foreach (var item in Model.List) { %>    
  <tr id="<%: item.Id %>">
    <td><%: item.LastName %></td>
    <td><%: item.FirstName %></td>
    <td><%: item.IsEnable %></td>
    <td><a href="#" class="CustomerEdit">Edit</a></td>
    <td><a href="#" class="CustomerDetail">Detail</a></td>
    <td><a href="#" class="CustomerDelete">Delete</a></td>
  </tr>    
<% } %>


<script language="javascript" type="text/javascript">
  $(document).ready(function () {
    $(".CustomerEdit").click(function () {
      var itemID = $(this).parent("tr").attr("id");
    });
  });
</script>

ПРИМЕЧАНИЕ: не проверено, но я думаю, что это должно работать.

Answer 3

Вы можете просто добавить функцию Javascript в этот момент

Например

<a href="#" class="CustomerEdit" onclick="getdata(<%: item.Id%>); return false;">Edit</a>

Если Id = 11 Это вызовет getdata(11), когда вы нажмете на Edit. То, что вы делаете в getdata, зависит от вас!

РЕДАКТИРОВАТЬ: на самом деле, вам, вероятно, следует просто использовать <div> вместо <a>, если эти ссылки на самом деле не ссылаются ни на что.