innerText를 기반으로 배경색을 변경 하시겠습니까?

저는 PHP에 매우 익숙합니다. 어떻게 해야할지 잘 모르겠습니다. 나는 fget을 사용하여 HTML 테이블로로드되는 초대형 CSV 파일을 가지고있다. 특정 열을 거쳐 "예"라는 단어가 포함 된 해당 열의 특정 셀에만 녹색으로 td 배경색을 변경하려면 어떻게해야합니까? 당신은이 세포에 대한 클래스를 설정해야innerText를 기반으로 배경색을 변경 하시겠습니까?

tr {background-color: #f7f7f7;} 
body {background-color:#8b9dc3;} 
td:first-child { 
     text-align: center; 
     font-weight: bold; 
     padding-left: 5px; 
     padding-right: 5px; 
} 

td:nth-child(odd) 
{ 
background-color: #FFFFFF; 
} 

tr:first-child { 
     background-color: #FFFFFF !important; 
     text-align: center; 
     font-weight: bold; 
     font-size: 110%; 
     height: 50px; 
} 

td { 
     padding-left: 5px; 
     padding-right: 5px; 
}

출처

2013-10-16 Katy

'예'는 모든 셀에 포함됩니까 ('t') & 전체 문자열로 '예'입니까? –

자바 스크립트 또는 jQuery에 익숙합니까? – dowomenfart

''p '가'td'에 어떻게 나타나는지 보여줄 수 있습니까? 나는 간단한 프로토 타입을 의미하며'p' 또는'td' 안에있는 다른 것을 포함하고 있을까요? –

<!DOCTYPE html> 
<html> 
<head> 
<link href="stylesheets/styles.css" rel="stylesheet" /> 
</head> 
<body> 
<?php 
echo "<table>\n\n"; 
$f = fopen("market_research.csv", "r"); 
while (($line = fgetcsv($f)) !== false) { 
     echo "<tr>"; 
     foreach ($line as $cell) { 
      if (substr($cell, 0,4) == "http") { 
       echo "<td>" ."<a href='" . $cell . "'>Go!</a>"; 
      } else 
       echo "<td>" . htmlspecialchars($cell); 
     } 
     echo "<tr>\n"; 
} 
fclose($f); 
echo "\n</table></body></html>"; 


?>

여기 내 현재 CSS입니다 : 참고로

, 여기에 내 코드입니다. 이것은 그룹을 식별 한 다음 스타일 시트 나 태그에서 스타일을 지정할 수 있습니다. 당신의 상태를 확인 문이이 같은 문자열에서 문자열을 확인할 수 있습니다

을 "$ 셀이 '예'를 포함하는"경우

가 추가로 추가,이 예제 $ a는 당신의 변수이고 당신은 확인된다 문자열 'mattiscool'- 발견되면 'true'를 출력합니다.

if (strpos ($ a, 'mattiscool')! == false) { echo 'true'; }

대신 TD 셀과 클래스 태그를 출력하고 싶습니다. 그래서 태그 내부에 if 문 인쇄의 일부를 추가 - 그래서

<td Class="myfirstclass">

그런 다음 당신의 스타일이 클래스의 스타일을 추가처럼 - 예를 들면.

myfirstclass{ 
font-family:Verdana; 
font-size:16pt; 
}

이 제품을 찾으십니까? fget()

<p data-val="Yes">Yes</p>

를 사용하여 <td>의 생성 동안

희망이 당신은 당신의 요소 <p>에 data-attr를 추가 할 필요가 당신에게

도움이 될 것입니다 귀하의 CSS는 것 :

출처

2013-10-16 15:02:26

당신은 다음과 같이 설정할 수 있습니다 다음과 같이하십시오 :

p[data-val="Yes"] {background-color:green;}

Working Example

출처

2013-10-16 15:15:18

innerText를 기반으로 배경색을 변경 하시겠습니까?

답변

관련 문제