특정 글자를 찾아서 css 바꾸기 :contains('특정글자')

쇼핑몰 판매자 페이지 디자인을 할때,

주문완료,배송중,배송완료... 등등 상태값을 표시해야할때가 있는데

그중에서 취소건만 빨간 글씨로 강조하고 싶은 경우가 있다.

그럴때는 간단하게

<script> 

$("span:contains('주문취소')").css({color:"red"});

</script>

이런식으로 만들어주면 된다.

풀어 말하면 span 태그안에 '주문취소' 가 들어있는 것의 color를 red로 바꾸라는뜻

<span>주문취소</span>

위 같은 경우에 ㅎㅎ