asp.net mvc에서 jquery를 사용하여 목록의 각 요소에 대한 삭제 버튼

Question

목록의 각 요소에 대해 삭제 버튼을 연결하려고합니다. 목표는 삭제 버튼을 클릭 할 때 목록의 요소를 삭제하는 것입니다. 줄 삭제 단추에 해당하는 요소의 ID를 검색하는 방법을 찾을 수 없습니다. 누군가 제발 jquery 함수를 작성 도와주세요.

<% var i = 1; 
      foreach (var item in Model.List) 
      {%> 
       <tr> 
        <td> 
         <%:Html.TextBox("IdElement"+ i.ToString(), item.Id) %> 
        </td> 
        <td> 
         <%:Html.TextBox("NameElement"+ i.ToString(), item.Name) %> 
        </td> 
        <td> 
         <input type="button" id="ButtonDelete" name="ButtonName" value="Delete" /> 
        </td> 
       </tr> 
      <%}%> 

가 사전에 감사합니다

코드가있다.

Answer 1

이것은 답변입니다.

<input type="button" id="ButtonDelete" name="Information" value="Delete" onclick="GetIds(this);"/> 

function GetIds(sender) { 
    var IdElement = $($(sender).parent().parent()).find('input').val(); 
} 

Answer 2

이와 비슷한 것. 그건 그렇고, Deletebutton 고유 한 ID가 있어야합니다, 여기에 해당되지 않습니다.

$("input[value='Delete']").click(function() { 
    var id = $(this).closest("tr").find("input:first").text(); 
}); 

Answer 3

친애하는 첫 번째는 모든 버튼에 고유 한 ID 여야합니다. 두 번째 사용자는 이와 같이 추가 수업을 추가 할 수 있습니다.

<input type="button" id="ButtonDelete" class="DelButton" name="ButtonName" value="Delete" /> 

이 jquery 함수를 호출하면 현재 ID가 표시됩니다.

$('.DelButton').click(function() { 
    alert($(this).attr('id')); 
}); 

Answer 4

다음 단계를 시도해도 좋지만 버튼 대신 링크를 제안 할 것입니다.

단계 :

1. 삭제할 요소의 ID와 함께 입력 파라미터 삭제 동작에 대한 동작 방법을 만든다. 그리고 해당 목록 테이블을 보여주는 실제보기로 리디렉션을 삭제 한 후.
2. 1 단계에서 만든 동작 메서드를 가리키는 URL로 링크를 추가하여 해당 동작 메서드의 쿼리 문자열 ID를 사용하여 해당 요소를 삭제하십시오.

링크를 클릭하면 해당 작업 방법이 데이터베이스에서 레코드를 삭제하고 목록보기로 다시 리디렉션됩니다.

참고 : 부트 스트랩 CSS를 사용하여 링크 스타일을 단추로 지정할 수 있습니다. 참조하십시오 Get boostrap