根据值更改背景颜色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

回答

相关问题