Google sheet JSON表格提要，根据单元格中的值更改行的颜色答案

【问题标题】：Google sheet JSON table feed, alter color of a row depending on value in cellGoogle sheet JSON表格提要，根据单元格中的值更改行的颜色
【发布时间】：2016-09-14 14:24:34
【问题描述】：

在过去的几天里，我对此感到头疼，尝试了很多我在这里找到的选项，但仍然没有运气。

确实找到了将 JSON 提要到 html 页面的解决方案 ;-) 太棒了！！！因为我是个新手，所以让这个工作是一个启示，男人感觉很好:)

无论如何，我的问题；

我有这个javascript：

 var spreadsheetID = "1YUKom7FNEvxqSlQiSao_aLEcC0cLVyg5xmBv-JsaIUs";

 var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/od6/public/values?alt=json";

$.getJSON(url, function(data) {

  var html = '';

  html += '<table cellpadding=2 cellspacing=0 border=0 width=100% id=table_id>';
  html += '<tr>';
  html += '<td>Date</td>';
  html += '<td>Currency Pair</td>';
  html += '<td>Buy / Sell</td>';
  html += '<td>Stop-Loss</td>';
  html += '<td>Amount</td>';
  html += '<td>Price</td>';
  html += '<td>Closing Price</td>';
  html += '<td>P/L</td>';
  html += '<td>PIP</td>';
  html += '<td>P/L US$</td>';
  html += '<td>P/L EURO</td>';
  html += '<td>Entry Time</td>';
  html += '<td>Exit Time</td>';
  html += '</tr>';

  var entry = data.feed.entry;
  for (var i = 0; i < entry.length; i++) {
    html += '<tr>';
    html += '<td>' + entry[i]['gsx$date']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$pair']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$bs']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$sl']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$amount']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$price']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$closeprice']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$pl']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$pip']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$plusd']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$pleuro']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$entry']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$exit']['$t'] + '</td>';
    html += '</tr>';
      }
  html += '</table>';

  $('.console').html(html);
});

这是 HTML

<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>...</title>
</head>

<body>

<div class="console"></div>

<script src="js/index.js"></script>

</body>
</html>

我正在寻找的是如果此行中的值

html += '<td>' + entry[i]['gsx$pl']['$t'] + '</td>';

包含一个值，其中包含“-€”，整行变为红色。

如果有人可以帮助我，请提前感谢。

【问题讨论】：

标签： javascript html json google-sheets

【解决方案1】：

您只想在该特定行周围放置一个条件来检查符号。

if (entry[i]['gsx$pl']['$t'].indexOf("-€") !== -1) {
    // Has the symbol
    html += '<td style="background-color: #600;">' + entry[i]['gsx$pl']['$t'] + '</td>';
} else {
    // Doesn't have symbol
    html += '<td>' + entry[i]['gsx$pl']['$t'] + '</td>';
}

【讨论】：

嗨，汤姆，感谢您的回复 :) 那么这一点就在这之后？ html += '' + entry[i]['gsx$pl']['$t'] + '';
会替换，不会继续