jQuery 문제 풀이 (11번~15번)

[11번 문제] 대기업 근무 경력이 있는 인재의 (class=person-resume)의 색 바꾸기

$("td:contains('대기업 근무 경력')").css("background", "orange")

-> td에서 contains를 활용하여 '대기업 근무 경력'을 포함한 td의 배경색을 변경

 

[12번 문제] 신입이 아닌 사람들의 tr을 지워 신입을 강조하기

$("span.person-resume__career--senior").closest("tr").remove();

-> span의 person-resume__career--senior라는 이름의 클래스에 해당되는 상위 tr을 지움

 

[13번 문제] '대학교(4년) 졸업'인 지원자의 경우, 지원자 이름 빨강색으로 변경

$("td.person-resume:contains('대학교(4년) 졸업')").closest("tr").find("dt.person-info--name").css("color", "red");
$("span.education--school:contains('대학교(4년) 졸업')").closest("tr").find("dt.person-info--name").css("color", "red")

-> td 또는 span의 클래스 명에 contains를 활용하여 상위 tr에 있는 지원자 이름을 빨강으로 변경

 

[14번 문제] '기획.전략.경영'으로 표시된 공채의 경우 행을 파란색으로 변경

$("div.sTit:contains('기획·전략·경영')").closest("li").css("background", "blue");

-> div의 클래스인 sTit에 contains로 '기획.전략.경영'이 포함된 li의 배경을 파란색으로 변경

 

[15번 문제] '홈페이지 지원'인 공고의 경우 해당 Button을 분홍색으로 변경

$("button:contains('홈페이지 지원')").css("background", "pink")

-> button 안에 '홈페이지 지원'이 포함되어 있다면 button의 색을 분홍색으로 변경