for 루프에서 생성 된 버튼의 값이 올바르지 않습니다.

Question

여러 페이지와 함께 결과 목록을 표시하는 동적 웹 페이지가 있습니다. 현재 "이전 페이지"및 "다음 페이지"버튼이 있지만 많은 웹 사이트와 같은 특정 페이지 버튼을 추가하여 한 번에 하나씩 페이지를 스크롤하는 대신 페이지 번호로 직접 이동할 수 있습니다. 이렇게하려면 페이지 수가 가변적이므로 for 루프를 사용하여 페이지 단추를 생성합니다. 버튼 값이 무엇인지

@{ var val = 1;} 
@for (var i = 1; i <= numPages; i++) 
{ 
    <text> @val </text> 
    <button type="submit" class="page-button" value="@val"> @i </button> 
    val++; 
} 

버튼

가 생성되고 그들 모두 1의 값을 받고 제외하고 내가 테스트하고있어 방법이있다 : 여기 내 코드입니다

$(".page-button").on("click", function(event) { 
    alert($(".page-button").val()); 
}); 

모든 버튼은 @val이 올바르게 증가하더라도 ("@val"은 옆에있는 페이지 버튼과 동일한 숫자를 표시하기 때문에 알 수 있습니다.) "@ 1"이라고 표시된 경고를 팝업합니다.

는 또한

<button type="submit" class="page-button" value="@i"> @i </button> 

을 시도하지만이를 클릭하면 다시, 버튼에 표시되는 숫자가 정확하더라도, 그들은 모두 1의 값은 왜 값이 제대로 지정되지 않는 한?

Answer 1

나는 JQuery와 모르겠지만, 나는 $(".page-button").val()가 class="page-button"와 문서의 모든 요소를 ​​가져와 첫 번째의 값을 반환 추정. 에 대한 참조를 가져와 이벤트를 발생시킨 현재 요소가 필요합니다.

이 나를 위해 작동하는 것 같다 :

alert($(this).val()); 

하지만 난 정말 내가 여기을 뭘하는지 모르겠어요.