jquery 특정 클래스 자식 요소 값 가져오기

 

JQuery를 사용하여 특정 클래스를 가진 tr 요소의 각 td 텍스트를 가져오는 방법은 비교적 간단합니다. 아래는 예시 코드입니다. 이 코드는 특정 클래스(your-class)를 가진 모든 tr 요소를 찾고, 각 tr 내의 td 요소들을 순회하면서 그 텍스트를 콘솔에 출력합니다.

// 특정 클래스를 가진 모든 tr 요소들을 순회합니다.
$('tr.your-class').each(function() {
    // 현재 tr 요소 내의 모든 td 요소들을 순회합니다.
    $(this).find('td').each(function() {
        // 각 td 요소의 텍스트를 가져와서 콘솔에 출력합니다.
        var text = $(this).text();
        console.log(text);
    });
});

 

이 코드에서 your-class는 원하는 클래스 이름으로 교체해야 합니다. 또한, JQuery 라이브러리가 페이지에 포함되어 있어야 이 코드가 정상 작동합니다. 

 

이 코드는 각 td의 텍스트를 콘솔에 출력하지만, 필요에 따라 다른 방식으로 사용할 수 있습니다. 예를 들어, 배열에 저장하거나 화면에 표시하는 등의 작업을 할 수 있습니다