Question

Ich habe HTML-Elemente in foreach. Ich kann diesen Namen nicht manuell angeben. I verwendet id='ProductSelect_@(item.Id)' Id zu setzen:

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

Aber jetzt brauche ich .click() Funktion für eash <a> Link Meine einige Operationen zu tun. Wie schreibe Klickfunktion für dynamische IDs?
Ich habe dies, aber es funktioniert nicht:

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

Dieser Klick() -Funktionen Anfrage Iteration zählt mal an die Steuerung zu senden. Was ist falsch in meinem Code?

Answer 1

Ich würde vorschlagen, Attribute zu verwenden.

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

dann in JS ...

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

diese Weise können Sie auf alle ähnlichen Verbindungen verdrahtet sind (z select-list) ohne separate Handler-Funktion für jeden #id.