열거 형 목록의 단추에서 jquery 사용

Question

내 모델의 각 항목을 열거하면서 테이블을 만드는보기가 있습니다. 각 행에 버튼을 추가해야합니다. 클릭 할 때 경고를 표시하기 위해 각 단추에 jquery 함수를 연결해야합니다. 클릭 한 행 항목에 따라 텍스트가 달라 지므로 편집 버튼이 클릭 된 행을 알아야합니다. 그 의미가 있습니까? 그리고 어떻게하면 좋을까요? 그래서 여기

내가 그런

<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> 

뭔가를 것입니다. 각 단추에 대해 jquery 함수를 사용하려면 어떻게해야합니까? 이것이 가능한가? 감사합니다.

Answer 1

는 테스트하지만, 작업을해야하지 :

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

} 

은 기본적으로 당신은 버튼으로 시작하는 ID를 가지고 모든 것을 클릭 이벤트를 추가합니다. 아이템의 id를 얻지 만 buttons id 속성에서 부분 문자열을 얻습니다.

Answer 2

다음은 'button'으로 시작하는 ID를 가진 테이블의 모든 버튼을 찾습니다. 귀하의 예제를 기반으로 모든 databound 버튼을 발견하고 단추의 고유 ID를 표시하는 경고를 표시하는 onclick 처리기를 첨부합니다.

귀하의 필요에 맞게 수정할 수 있습니다.