谷歌表JSON表提要，改变颜色的行取决于在单元格中的值

Google sheet JSON table feed, alter color of a row depending on value in cell

本文关键字：取决于 单元格 变颜色 JSON 改变 谷歌      更新时间：2023-09-26

在过去的几天里，我已经尝试了很多我在这里找到的选择，但仍然没有运气。

找到了解决方案，得到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>';

包含一个带有"- -"的值，使得整行变成红色。

如果有人能帮到我，我先谢谢你。

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

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>';
}
相关文章：