jQuery는 동일한 클래스 태그의 모든 값을 어떻게 가져오는가(기본적으로 얻을 수 없음)_jquery

개발 중에 우연히 이 문제에 직면했습니다. 왜냐하면 jQuery는 항상 첫 번째 클래스 태그의 값만 반환하므로 우리의 요구 사항을 충족할 수 없기 때문입니다.

예:

코드 복사 코드는 다음과 같습니다.

var btn = jQuery('.btn').val();

얻은 것은 btn 클래스 태그가 있는 첫 번째 html 요소의 값뿐입니다.

클래스 태그 세트의 모든 html 요소 값을 가져옵니다. jQuery의 각 순회를 사용해야 합니다.

코드 복사 코드는 다음과 같습니다.

var btns = new Array(); //또는 다음과 같이 작성합니다: var btns= [];

jQuery('.btn').each(함수(키,값){

btns[key] = $(this).val();

//또는 다음과 같이 쓸 수도 있습니다:

// btns[key] = $(value).val();
});