jQuery | 신입 배경 변경 및 개수 추출

 

 

해당 페이지에서 '신입' 인 경우

배경색을 오렌지로 바꾸고

콘솔창에 신입 지원자의 갯수를 출력해보자

 

 

 

 

---

 

 

신입의 경우 다음과 같이 클래스네임이 지정되어있으므로 

이를 이용하면 될 것 같다

 

 

 

 

 

 

1. 해당 인덱스에 대해서만 ( 1 page )

 

// careerIcon 클래스를 가진 td 요소들 중에 신입인 경우 배경색을 바꾸고 개수를 세는 코드
var numNewcomers = $("td.tdSummary .careerIcon span.newcomer").each(function() {
  $(this).closest("tr").css("background-color", "orange"); // 배경색 변경
}).length;

console.log("신입 지원자는 총 " + numNewcomers + "명 입니다"); // 신입인 경우의 개수 출력

 

2. 전체 인덱스에 대해서 - 미완성ㅇ러밀

// careerIcon 클래스를 가진 td 요소들 중에 신입인 경우 배경색을 바꾸고 개수를 세는 함수
function countNewcomers() {
  var numNewcomers = $("td.tdSummary .careerIcon span.newcomer").each(function() {
    $(this).closest("tr").css("background-color", "orange"); // 배경색 변경
  }).length;
  
  console.log("신입 지원자는 총 " + numNewcomers + "명 입니다");
}

// 1초마다 countNewcomers 함수 실행
setInterval(countNewcomers, 1000);