0

Имеется таблица с входными параметрами.

<table id="table">
<tr>
    <td>str1</td>
    <td>str2</td>
    <td>color1</td>
</tr>
<tr>
    <td>str4</td>
    <td>str5</td>
    <td>color2</td>
</tr>
<tr>
    <td>str7</td>
    <td>str8</td>
    <td>color1</td>
</tr>
<tr>
    <td>str10</td>
    <td>str11</td>
    <td>color2</td>
</tr>
<tr>
    <td>str13</td>
    <td>str14</td>
    <td>color3</td>
</tr>

В последнем столбце приходят данные color1, color2, color3. Подскажите пожалуйста, как сделать так, зная значения последнего столбца, присваивать фон всей строке. Например, где color1 - фон красный, color2 - зеленый, color3 - желтый.

Начал так:

var items=[];

$('#table td:last-child').each( function(){
items.push($(this).text());      
});
var items = $.unique( items );
$.each( items, function(i, item){
 // switch? 
})

Начало правильное?

1 ответ 1

2

let colours = {
  color1: 'red',
  color2: 'green',
  color3: 'blue'
};

$(_ => {
  $('table tr td:last-child').each((i, e) => {
    e = $(e);
    e.parent().css({
      background: colours[e.text()]
    });
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="table">
  <tr>
    <td>str1</td>
    <td>str2</td>
    <td>color1</td>
  </tr>
  <tr>
    <td>str4</td>
    <td>str5</td>
    <td>color2</td>
  </tr>
  <tr>
    <td>str7</td>
    <td>str8</td>
    <td>color1</td>
  </tr>
  <tr>
    <td>str10</td>
    <td>str11</td>
    <td>color2</td>
  </tr>
  <tr>
    <td>str13</td>
    <td>str14</td>
    <td>color3</td>
  </tr>
</table>

2
  • Огромное вам спасибо. 15 мая 2019 в 20:27
  • Пожалуйста!....
    – user337847
    15 мая 2019 в 20:34

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.