Question

我在jsp页面中显示了一个应用程序列表。我希望所有具有相同id的记录都是一种颜色。例如：Id 1的记录应为灰色，Id 2的记录应为绿色等。请使用css / javascript / jquery帮助解决此问题。 displayApp.jsp

Answer 1

如果我理解你的正确跟随会帮助你： -

＆＃13;

txt <- readLines("client.csv")
df <- read.csv(text=gsub('\\\\\"', "", txt))

＆＃13;

$(document).ready(function() {
  var colors = mapColursToText()
  mapColursToTr(colors)

});

function mapColursToText() {
  var colors = [];

  $('table').find('tr').find('td:first').each(function() {
    if (colors.length == 0) {
      colors.push(new Array($(this).text(), getRandomColor()));
    } else {
      for (var i = 0; i < colors.length; i++) {
        console.log()
        if (colors[i][0].toLowerCase().indexOf($(this).text().toLowerCase()) <= -1) {
          colors.push(new Array($(this).text(), getRandomColor()));
        }
      }
    }
  });
  return colors
}

function mapColursToTr(colors) {
  for (var i = 0; i < colors.length; ++i) {
    $('table').find('tr').find('td:first').filter(function() {
      return $(this).text() === colors[i][0];
    }).each(function() {
      $(this).parents('tr').css({
        'color': colors[i][1]
      });
    });
  }
}

function getRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}

＆＃13;

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

＆＃13;

基于类似记录更改表行的颜色

1 个答案: