node name 비교하기

jquery로 node name 비교하기

발생일: 2014.08.14

키워드: jquery, nodeName

문제:

코드 리뷰 중에 이벤트가 발생한 엘리먼트의 태그를 비교하는 구문에 대한 의견이 나왔다.

el.nodeName === ‘DIV’

과 같은 코드였는데, 브라우저에 따라 대소문자가 다른 경우가 있어 아래처럼 대소문자를 맞춰줘야 한다는 의견이었다.

el.nodeName.toLowerCase() === ‘div’

이 코드는 불필요하게 장황한데다 더 간단한 방법이 있어 메모해둔다.

해결책:

간단하게 jquery의 `$.nodeName()`을 사용할 수 있다.

$.nodeName(el, name)

꼭 성능이 중요한 부분이 아니라면, 

$(el).is(‘name’)

과 같이 셀렉터로 비교하면 더 읽기 편한다.

http://jsperf.com/jquery-is-vs-node-name-tolowercase

하지만 첫 번째 방법이 확연히 빠르다.