열 값을 기준으로 행의 색을 변경하십시오.

Question

시도했지만 작동하지 않습니다. this example. 어느 누구도 문제를 해결할 수 있습니까?

<table id="enquiryListTable" class="responsive-table striped " > 
       <thead> 
        <tr class="teal lighten-1 row white-text" style="cursor: pointer" 
         id="tableHeading"> 
         <th id="tableHeadingCheckboxRow"><input type="checkbox" class="filled-in" 
          id="tableHeadingCheckbox"><label class="text-black" for="test5"></label></th> 
         <th id="tableHeadingName"><div class="col s8 ">Agent/Customer</div><div class="col s3"><i class="material-icons">swap_vert</i></div></th> 
         <th id="tableHeadingDateFrom"><div class="col s8 ">Check-in</div><div class="col s3"><i class="material-icons ">swap_vert</i></div></th> 
         <th id="tableHeadingDateTo"><div class="col s8 ">Check-out</div><div class="col s3"><i class="material-icons ">swap_vert</i></div></th> 
         <th id="tableHeadingStatus"><div class="col s8">Status</div><div class="col s3"><i class="material-icons ">swap_vert</i></div></th> 
        </tr> 
       </thead> 
       <tbody style="display: none;" id=enquiryListTableBody> 
        <c:forEach items="<%=enquiryList%>" var="EnquiryList" varStatus="loop"> 
         <tr id="enquiryrow${loop.index}" class="enquiryListTableRow teal lighten-4" style="font-size: 14px; font-family: sans-serif; font-weight: normal;"> 
          <td style="cursor: pointer" 
          id="checkboxcolumn${loop.index}"><input type="checkbox" class="filled-in" 
           id="checkbox${loop.index}"><label class="text-black" for="test5"><%-- ${loop.index+1} --%></label></td> 
          <td style="cursor: pointer" class="${loop.index}" > 
              <label class="black-text" id="enquiryListAgentNameLabel${loop.index}">${EnquiryList.agent}</label> 
              <label class="black-text" id="enquiryListAgencyNameLabel${loop.index}">${EnquiryList.agencies.name}</label> 
              <label class="black-text" id="enquiryListUserNameLabel${loop.index}">${EnquiryList.user.name}</label> 
              <label class="black-text" id="enquiryListUserEmailLabel${loop.index}">${EnquiryList.user.email}</label> 
              <label class="black-text" id="enquiryListUserPhoneLabel${loop.index}">${EnquiryList.user.phoneNumber}</label></td> 
          <td style="cursor: pointer" class="${loop.index}" >${EnquiryList.fromDate}</td> 
          <td style="cursor: pointer" class="${loop.index}" >${EnquiryList.toDate}</td> 
          <td id="statusEnquiryList" style="cursor: pointer" class="${loop.index}" >${EnquiryList.status.status}</td> 
         </tr> 
        </c:forEach> 
       </tbody> 
      </table> 

나는 상태가 '생성 행사는'인 경우 녹색으로 내 행 전체 색상을 원하는

$("tr").each(function(){ 
     var col_val = $(this).find("td:eq(1)").text(); 
      if ($.trim(col_val) == "Offer Generated"){ 
      $(this).addClass('green'); //the selected class colors the row green// 
      } else { 
       $(this).addClass('red'); 
     } 
    }); 

. 어떤 도움을 .. 나는 stackoverflow 모든 솔루션을 시도했다.

Answer 1

Status은 행의 마지막 열입니다. 그래서 그것의 가치를 얻으려면 var col_val = $(this).find("td:last").text();을 사용하십시오.

자바 스크립트

$("tr").each(function(){ 
    var col_val = $(this).find("td:last").text(); 
    if ($.trim(col_val) == "Offer Generated"){ 
     $(this).addClass('green'); //the selected class colors the row green// 
    } else { 
     $(this).addClass('red'); 
    } 
});