根據值更改背景顏色JS

-2

我想根據自定義字段的值更改<tr>的背景顏色。根據值更改背景顏色JS

（這將是十六進制代碼 - ><td class="customfield_13209"> #FF0000 </td>）

代碼下面的樣品。

我該怎麼做？

<tr id="issuerow322848" rel="322848" data-issuekey="CA-17059" class="issuerow"> 
<td class="issuekey"> 
    <a class="hidden-link issue-link" data-issue-key="CA-17059" href="/jira/browse/CA-17059" tabindex="-1" title="CA-17059"></a> 

    <a class="issue-link" data-issue-key="CA-17059" href="/jira/browse/CA-17059">CA-17059</a> 
</td> 
<td class="summary"> 
    <p> 
     <a class="issue-link parentIssue" data-issue-key="CA-17055" href="/jira/browse/CA-17055" title="Title of issue">CA-17055</a> 
     <a class="issue-link" data-issue-key="CA-17059" href="/jira/browse/CA-17059">Jon Smith</a> 
    </p> 
</td> 
<td class="assignee"> <span class="tinylink">  <a class="user-hover" rel="jsmith" id="assignee_jsmith" href="/jira/secure/ViewProfile.jspa?name=rprowadzisz">Jon Smith </a></span> 
</td> 
<td class="status"> 
    <span class=" span class not important" data-tooltip="<span class=&quot;jira-issue-status-tooltip-title&quot;>Backlog</span>" title="" original-title="">Backlog</span> 
</td> 
<td class="updated"> <span title="2016-05-19 11:24 AM"><time datetime="2016-05-19T11:24:53+0200">2016-05-19</time></span> </td> 
<td class="aggregatetimeestimate"></td> 
<td class="customfield_13209"> #FF0000 
</td> 
<td class="issue_actions"> 
    <div class="action-dropdown aui-dd-parent"> 
     <a class="aui-dropdown-trigger aui-dd-link icon-tools-small issue-actions-trigger trigger-happy" id="actions_322848" title="Actions (Type . to access issue actions)" href="herif"> 
      <span> 
      <em>Actions</em> 
     </span> 
     </a> 
    </div> 
</td>

來源

2016-06-08 Marcin

要更改哪個元素的背景色？ –

你說了你想要的，但是你忘了解釋你在做什麼時遇到了什麼問題。 – csmckelvey

這裏是改變包含十六進制顏色的單元格的背景顏色的溶液。你應該能夠修改這個來獲得你想要的結果。

var cells = document.getElementsByClassName('customfield_13209'); 
for (var i = 0; i < cells.length; i++) { 
    cells[i].style['background-color'] = cells[i].innerHTML; 
}

這裏是一個工作JSFiddle

來源

2016-06-08 07:45:58

$(document).ready(function(){ 
    if($('.customfield_13209').val() == "your desire"){ 
     $(this).css('background-color', '#FF0000'); 
    } 
});

這是jQuery的，但如果它會幫助你解決你的問題，然後我很滿意。

來源

2016-06-08 08:39:26 KazutoSensei

根據值更改背景顏色JS

回答

相關問題