채용 페이지를 살펴보면 '홈페이지 지원' 과 '즉시지원' 이 있다. 여기서 홈페이지 지원 버튼을 분홍색으로 변경해보자 $(document).ready(function() { $('li').each(function() { $(this).find('.btn-post-homepage.dev_new_pop').css("background-color", "#FFC0CB"); }); }); 여기서, "background-color" 를 설정해주어야 버튼 색이 바뀌고, 그냥 "color" 를 변경하면 해당 글자 색이 바뀐다.
이번엔 지원자가 아닌 공애 페이지를 살펴보자 ! 공채정보중에 경영.비즈니스기획 이 있는 공채일 경우 해당 행의 배경색을 파란색으로 바꿔보자 $(document).ready(function() { $('li').each(function() { var sTit = $(this).find('.sTit'); if (sTit.find('span:contains("경영·비즈니스기획")').length > 0) { $(this).css('background-color', '#B0E0E6'); } }); }); [ 간단 코드 설명 ] 해당 키워드의 경우 sTit 클래스안에 태그에 있다. 이런 식으로.. li 안에서 sTit 클래스를 찾고, 또 span태그에 찾고자하는 키워드가 포함되어있는지 확인한다. length가 0..
지원자 중에 대학교 4년 졸업인 지원자의 경우 지원자의 이름을 빨간색으로 변경해 보자 ( 단, 졸업예정자는 제외 ) 다음과 같이 있을 때 키워드는 '(4년)' , ' 졸업' 이 될 수 있다. ( 단, '졸업에정' 인 키워드는 제외 ) $(document).ready(function() { $(".dvResumeTr").each(function() { var text = $(this).find(".dvResumeLink").text(); var keywords = ['(4년)', '졸업']; var shouldChangeColor = true; for (var i = 0; i < keywords.length; i++) { if (text.indexOf(keywords[i]) === -1 || text.in..
경력지원자는 다 지우고 신입만 남겨두어 신입 지원자들을 강조해보자 여기서 신입만 남겨두기 // careerIcon 클래스를 가진 td 요소들 중에 신입이 아닌 경우 해당 요소를 삭제하는 코드 var Experienced = $("td.tdSummary .careerIcon:not(:has(span.newcomer))").each(function() { $(this).closest("tr").remove(); // 해당 요소 삭제 });
해당 페이지에서 '신입' 인 경우 배경색을 오렌지로 바꾸고 콘솔창에 신입 지원자의 갯수를 출력해보자 신입의 경우 다음과 같이 클래스네임이 지정되어있으므로 이를 이용하면 될 것 같다 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 + "명 입니다"); /..
1~3번째에 해당하는 item의 테두리를 변경해보자 테두리 색은 노란색으로, 굵기는 2px 로 지정 $("tbody tr.dvResumeTr").slice(0, 3).css({ "border": "2px solid yellow" });
지원자들의 나이가 20대라면 배경색을 빨간색으로 변경해보자 $("tbody tr").each(function(index) { // 각 태그 안의 태그에서 나이 정보 추출 var age = parseInt($(this).find("dd").text().match(/\d+/)[0]); // 나이가 20대인 경우 배경색을 빨간색으로 변경 if (age >= 20 && age < 30) { $(this).css("background-color", "red"); } }); '$()' 함수 : jQuery 에서 가장 기본적인 선택자로 태그의 자식인 태그를 선택 each() 메서드 : 선택한 요소들에 대해 반복문을 실행한다. 태그들을 하나씩 돌리면서 각각의 특성을 분석 $(this) : 현재 처리중인 태그를 가리킨다..