Question

I have a view that will create a table while enumerating over each item in my model.
to each row I need to add a button.
I need would like to have a jquery function tied to each button to show an alert when it is clicked. the text will be different depending on the row item that is clicked, so I must know what row the edit button is in that was clicked.
does that make sense? And how would I do this?

so here is what I have

<table>
<% foreach (var item in Model)
       { %>
<tr>
<td><%=Html.encode(item.id) %></td>
<td><%=Html.encode(item.id) %></td>
<td><button id="button<%=item.id%>">select<button>
</tr>
<%}%>
</table>

something like that. How do I try a jquery function to each button. Is this possible?
Thank you!

Answer 1

not tested but should work:

$(function){
    $('[id^=button]').click(function(){
        var itemId = $(this).attr('id').substring(6);
        alert(itemId);
    });

}

basically you add the click event to everything that has an id that starts with button. and you get the item’s id but getting the substring from the buttons id attribute.