Question

Mam elementy html w foreach. Nie mogę ręcznie podać nazwy identyfikatora. użyłem id='ProductSelect_@(item.Id)' ustawić Id:

foreach (var item in Model) 
    { 
    <a href="#" id='ProductSelect_@(item.Id)' class="select-link">Select this</a> 
    } 

Ale teraz muszę .Kliknij() funkcję eash <a> linku do mojej niektórych operacji. Jak funkcja zapisu do dynamicznych identyfikatorów?
sprawdziłem tego, ale to nie działa:

$("#ProductSelect_@(item.Id)").click(function() { 

    //any operation 

}); 

EDIT:

<script> 
    $(document).ready(function() { 
     $('.select-link').click(function() { 
      var id = $(this).attr('data-id'); 

      url = '@Url.Action("SelectThis", "Product")'; 
      var data = { id: '@Model.Id' }; 
      $.post(url, data, function (result) { 
       if (result.success) { 
        alert("Thanks"); 
       } 
       else { 
        alert("Problem occured..."); 
       } 
      }); 

     }); 
    }); 
</script> 

Ten click (funkcje) wysłać zapytanie do kontrolera iteracji zlicza razy. Co jest nie tak w moim kodzie?

Answer 1

Proponuję użyć atrybutów.

foreach (var item in Model) 
    { 
    <a href="#" data-id='@item.Id' id='ProductSelect_@(item.Id)' class="select-link">Select this</a> 
    } 

następnie w JS ...

$('.select-link').click(function() 
{ 
var id = $(this).attr('data-id'); 
}); 

ten sposób jesteś podłączony do wszystkich podobnych linków (np select-list) bez osobnej funkcji obsługi dla każdego ID.