동적으로 생성 된 목록에서 버튼으로 텍스트를 변경하는 방법은 무엇입니까?
hamena314
플레이 프레임 워크 2.3.8을 사용하고 버튼 옆에있는 특정 텍스트 값을 변경하려고합니다. 버튼은 생성 된 목록을 통해 동적으로 추가되므로 버튼 옆에있는 올바른 텍스트를 찾을 수 없습니다.
이것은 다음과 같습니다. 
내 뷰 클래스는 questionList: List[Question]반복하고 여러 버튼을 내 html에 넣는 질문 목록을 가져 옵니다.
@for(question <- questionList){
<!-- Questions -->
<li class="list-group-item" >
<button type="button" class="btn btn-default" id="upvoteButton"
value="voteUp" style="width: 30px; height: 30px; text-align: center; vertical-align: center;">
<span class="glyphicon glyphicon-arrow-up" aria-hidden="true" style="color:orange"></span>
</button>
<span class="num"> @question.voteScore </span>
(...)
클래스에서 "num"은 버튼 클릭으로 변경하려는 질문에 대한 실제 voteScore입니다. 버튼이 생성되어 모두 동일한 ID 태그를 갖기 때문에 ID 태그가 도움이되지 않습니다 (참고 : 실제로 첫 번째 ID 만 작동합니다. 첫 번째 버튼이 고유 한 ID를 가져 오는 것 같나요?).
지금까지 내 접근 방식 :
num자체를 클릭하면 값을 변경할 수 있습니다.
$(document).ready(function(){
$(document).on('click', '.num', function(){
$(this).html(111);
});
});
그러나 버튼 클릭으로이 작업을 수행하려고하면 실패합니다.
$(document).ready(function(){
$(".btn-default").click(function(){
$(this).slideUp().slideDown();
console.log($('.num').html());
});
});
어떤 버튼을 클릭하더라도 console.log의 출력은 항상 76입니다. 올바른 번호에 연결된 버튼을 찾을 수 없습니다. 어떻게해야합니까?
Mohit kumar
이 시도:-
$(".btn-default").click(function(){
$(this).slideUp().slideDown();
$(this).next('.num').html('111');
});
또는 시도해 볼 수도 있습니다.
$(".btn-default").click(function(){
$(this).slideUp().slideDown();
$(this).parent('li').find('.num').html('111');
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
동적으로 생성 된 값의 텍스트 색상을 변경하는 방법은 무엇입니까? -PHP
- 2
동적으로 생성 된 텍스트 상자에서 값을 가져 오는 방법은 무엇입니까?
- 3
Android에서 동적으로 생성 된 편집 텍스트를 클릭하면 편집 텍스트의 ID를 얻는 방법은 무엇입니까?
- 4
react.js-동적으로 생성 된 버튼에서 성공에 요소를 추가하는 방법은 무엇입니까?
- 5
Tkinter에서 목록 용으로 생성 된 버튼의 텍스트를 업데이트하는 방법
- 6
Objective C에서 동적으로 생성 된 버튼에서 버튼 제목을 얻는 방법은 무엇입니까?
- 7
동적으로 생성 된 텍스트 상자의 위치를 찾는 방법은 무엇입니까?
- 8
버튼으로 생성 된 객체를 테이블에 추가하는 방법은 무엇입니까?
- 9
Kivy의 위젯 세트에서 텍스처를 동적으로 생성하는 방법은 무엇입니까?
- 10
TextView Array에서 동적으로 생성 된 textview를 별도로 처리하는 방법은 무엇입니까?
- 11
동적으로 생성 된 각 버튼에 대해 다른 onclick 메소드를 참조하는 방법은 무엇입니까?
- 12
동적으로 생성 된 입력에서 양식 데이터를 POST하는 방법은 무엇입니까?
- 13
제약 레이아웃 내부의 루프에 동적으로 생성 된 텍스트 뷰를 삽입하는 방법은 무엇입니까?
- 14
Angular-각 값에 따라 FormBuilder에서 동적으로 생성 된 입력에서 스타일을 변경하는 방법은 무엇입니까?
- 15
동적으로 생성 된 DIV ID의 CSS를 변경하는 방법은 무엇입니까?
- 16
동적으로 생성 된 노드를 변경하는 방법은 무엇입니까?
- 17
jQuery 동적으로 생성 된 div에서 동적으로 생성 된 요소를 추가 / 제거하는 방법은 무엇입니까?
- 18
동적으로 생성 된 html 테이블 안에 4 개의 라디오 버튼을 동적으로 표시하는 방법은 무엇입니까?
- 19
Javascript / jquery에서 동적으로 생성 된 div 요소에 액세스하는 방법은 무엇입니까?
- 20
jquery 모바일에서 동적으로 생성 된 버튼 텍스트를 변경할 수 없습니다.
- 21
Swift의 CoreData 모델에서 동적으로 생성 된 UISwitch의 변경된 상태를 저장하는 방법은 무엇입니까?
- 22
VB.NET에서 동적으로 생성 된 컨트롤을 관리하는 방법은 무엇입니까?
- 23
Java에서 동적으로 생성 된 요소를 다시 호출하는 방법은 무엇입니까?
- 24
QWebView에서 동적으로 생성 된 이미지를 표시하는 방법은 무엇입니까?
- 25
window.location.href에서 동적으로 생성 된 ID를 사용하는 방법은 무엇입니까?
- 26
div 수준에서 동적으로 생성 된 필드를 제거하는 방법은 무엇입니까?
- 27
조건문에서 동적으로 생성 된 JavaScript 객체를 사용하는 방법은 무엇입니까?
- 28
동적으로 생성 된 입력 텍스트 필드의 값을 얻는 방법은 무엇입니까?
- 29
동적으로 생성 된 요소 (LI)에 ondragstart =“drag (event)”를 추가하는 방법은 무엇입니까?
몇 마디 만하겠습니다