jQuery 속성 선택자 ~로 끝나는 요소에 조건 설정하기

속성 선택자 간단정리

이전의 글과 더불어 속성 선택자를 간단히 정리하고자 한다면 아래와 같은 공식을 사용하는 것도 좋은 방법 중 하나인데요.

1. 태그와 태그의 지정된 속성 및 속성 값으로 요소 찾기

태그이름[속성이름]: 지정된 속성을 가지고 있는 모든 요소를 선택합니다.
태그이름[속성이름=문자열]

속성값이 지정된 문자열과 일치하는 모든 요소를 선택합니다.

실제로 완전하게 일치 되어야합니다.

2. 태그이름[속성이름*=문자열]

 

지정된 문자열이 포함되는 모든 요소를 선택합니다.

문장을 포함합니다.

3. 태그이름[속성이름$=문자열]

지정된 문자열로 끝나는 모든 요소를 선택한다.

예를 들면 02로 끝나는 요소를 찾을 때 적합합니다.

 

만일 2로 끝나는 요소를 찾고 싶을때면, 아래와 같이 작성해주면 됩니다. 지정된 문자열이 공백을 경계로, 포함된 모든 요소를 선택합니다.

function includeSelector(){
    //이름이 img04라고 되어있니?
    //[속성값 = 찾으려는 데이터]

    //지정된 문자열이 공백을 경계로, 포함된 모든 요소를 선택합니다.
    // $('img[title~=img02]').css('opacity','0.5');
    // $('img[title~=img02]').css('opacity','0.5');
    $('img[title$=02]').css('opacity','0.5');