Jquery 특정단어로 시작하거나 끝나는 요소 찾기. like 찾기

오늘의 포스팅은

jquery 를 사용해서 요소들을

like 검색하듯 찾아주는 방법을

알아보겠습니다.

자주 사용하는 선택자

element[속성!=값] // 특정 값을 포함하지 않는 요소
element[속성*=값] // 특정 값을 포함하는 요소
element[속성~=값] // 해당 값이 특정 단어로 시작하는 요소
element[속성^=값] // 특정 값으로 시작하는 요소
element[속성$=값] // 특정 값으로 끝나는 요소

element[속성^=값][속성=값] // and 기능
element[속성^=값],element[속성=값] // or 기능

사용방법

◽ div 에 id가 'el' 이 포함되지 않는 요소들 선택

$("input[name!='search']")
$("div[id!='el']")

◽ div 에 id가 'el' 시작하는 요소들 선택

$("input[name^='search']")
$("div[id^='el']")

◽ div 에 id가 'el' 끝나는 요소들 선택

$("input[name!='search']")
$("div[id$='el']")

◽ div 에 id가 'el' 포함된 요소들 선택

$("input[name!='search']")
$("div[id*='el']")

◽ and 처럼 사용

$("input[name!='search']")
$( "li[id^='start-'][id$='-end']" )

◽ or 처럼 사용

$("input[name!='search']")
$( "li[id^='start-'],li[id$='-end']" )