Javascript querySelector not() 함수 관련 질문입니다.

Question

안녕하세요, 선배님들. 혹시 jQuery의 not() 함수를 Javascript의 querySelector에서도 사용이 가능한가요?.. 구글링을 해보았는데 원하는 결과를 찾기가 쉽지가 않네요... 목적은 <select> 태그의 첫 번째 옵션을 제외하고 돔을 검색하는 것입니다. document.querySelector('#select:not(:eq(0))') <&#61; jQuery와 비슷한 형태로 접근해 보았지만 아무런 작동도 하지 않네요... 선배님들의 답변 미리 감사드립니다.

Gear · Answer

:eq(0)eq는 제이쿼리에서 제공하는 것입니다. #select#select는 id가 select인 요소를 선택하는겁니다. select 태그 선택을 원한다면 select라고 적어야합니다. document.querySelectordocument.querySelector는 하나의 요소를 반환합니다. 여러 개의 요소를 원한다면 NodeList를 반환하는 document.querySelectorAll을 이용해야합니다. :nth-child()nth-child라는 가상클래스가 있습니다.document.querySelectorAll('select option:not(:nth-child(1))')이런 식으로 선택할 수 있습니다. CSS 선택자css 선택자를 공부해보세요. 원하는 요소를 선택해야할 때 필요합니다. 예제https://jsfiddle.net/nbxytjmL/ HTML JSvar options = document.querySelectorAll('select option:not(:nth-child(1))'); /* 첫 번째 요소는 :nth-child(n) 말고 :first-child로도 선택이 가능합니다. var options = document.querySelectorAll('select option:not(:first-child)'); */ for (var i = 0; i < options.length; i++) { var option = options[i]; alert(option.value); }

도뎡 · Answer

Gear 님 답변 감사드립니다.option은 querySelectorAll로 접근해야 하는 거였군요..한참 헤매었네요 ㅠㅠ... 답변 정말 감사드립니다.좋은 하루 되세요 ^^~

Javascript querySelector not() 함수 관련 질문입니다.

2개의 답변

#not 목록