div/table의 특정 문자를 기반으로 CSS 적용

내 CSV 데이터를 가져 와서 웹 페이지의 테이블로 표시하는 PHP 함수가 있습니다. 매우 간단합니다!div/table의 특정 문자를 기반으로 CSS 적용

제 질문은, 내 테이블 td를 스캔하고 특정 문자/플래그/단어로 끝나는 PHP 코드 또는 자바 스크립트를 가질 수 있습니까? 그런 다음 특정 CSS를 해당 td에 적용합니까?

나는 이것을 원한다. 결국 나는 문자에 따라 나의 CSS 이미지와 색을 다르게 적용 할 수있다.

이미 PHP를 사용하고 있다면 PHP를 사용하여 내용을 스캔하고 그런 식으로 수업을 보내지 않는 이유는 무엇입니까? – cimmanon

는 명확히하기 위해 -이 HTML' 죠아을 mylast'당신이 ('myLast'를 의미) 또는 마지막 문자의 마지막 테이블 셀의 셀 값이 마지막에 문자로 의미합니까 (의미't') ? – surfmuggle

@AlexMorrise 나는 PHP가 더 쉽고/더 나은 선택이 될 것이라는데 동의합니다. OP는 자바 스크립트 또는 PHP 솔루션을 요구하고있었습니다. 링크가 css 전용 솔루션을 가리 킵니다 - 동일하지 않습니다. – surfmuggle

이것은 최종 캐릭터를 기반으로 한 자바 스크립트 솔루션으로 2 가지 변형만을 테스트합니다. 기본적으로 테이블 셀 텍스트 내용의 마지막 문자를 가져 와서 다른 문자와 비교합니다. 더 많은 옵션을 원할 경우 스위치를 사용합니다.

당신은 클래스 이름 속성을 변경하는 대신 인라인 스타일로 CSS 클래스를 변경할 수 있습니다.

element.className = 'myClass';

필요에 따라 정규식 메서드 또는 다른 문자열 개체 메서드로 확인하기위한 다양한 옵션이 있습니다.

2013-08-20 21:00:27 magyar1984

이 코드는 내 원하는대로 작동하지 않는 것을 제외하고는 원하는 것처럼 보입니다. 이유는 fgetcsv 함수에서 동적으로 데이터를 채우고 있기 때문일 수 있습니까? – hyperexpert

html을 ajax로 동적으로 변경하지 않는다면 js가 문서의 테이블 뒤에 위치해야합니다. 더 빨리 작동하면 작동하는 요소가 아직 dom에 없습니다. – magyar1984

우! 요소가 동적으로 변하고 있습니다! thats 아마 이유! 그리고 나는 문서의 끝에 그것을 배치했다! – hyperexpert

답변