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/