[js] children(), val() 함수로 같은 종류의 자식 태그 중에 n 번째 자식 태그의 값을 얻는 법

div 태그 밑에 button이 여러 개 있는데, 3번째 버튼의 value 값이 필요하다면, 제이쿼리로 아래 코드처럼 하면 된다.

button 에는 다른 태그 값을 넣어도 되고 몇 번째로 할지는 2 대신 다른 숫자를 사용하면 된다. 이걸 응용해서 2대신 변수인 i를 넣는 방법도 있다. 그냥 넣으면 안 되고 children("button:eq(" + i + ")") 이런 식으로 하면 반복문 등에서 유용하게 활용이 가능하다.

$("#id값").children('button:eq(2)').val();