jquery :contains() Selector - 특정 문자열을 포함한 요소의 CSS 속성

특정 문자열을 포함한 요소의 CSS 특성 부여 예시

쿼리 스크립트 선택문 선행 삽입

<script type="text/javascript">
    $(document).ready(function(){
      $("span.category:contains('Vean')").css("color", "red");
      $("span.category:contains('Shine')").css("color", "blue");
    });
</script>

 

적용 태그 예시

<span class="category">Vean</span>
<span class="category">Shine</span>

 

적용 결과값

Vean
Shine

 

특정 카테고리명에 따라 색상을 다르게 응용 가능

[특정 태그요소] span.category

[특정 문자열]   'Vean'

[특정 CSS 속성] "color", "red"

 

해당 태그요소, 문자열, CSS 속성을 원하는 요소로 대체하여 사용 가능

 

보다 상세한 설명은 아래 링크 참조

https://api.jquery.com/contains-selector/

https://www.tutsmake.com/jquery-class-name-id-selector/