Установить фон td (для определенного класса td) на основе значения внутри него

Question

Установить фон td (для определенного класса td) на основе значения внутри него

0

Я преобразовал файл xlms в HTML файл, чтобы вставить его на мою веб-страницу, но некоторые условные теги не работали, поэтому я пытаюсь обработать его с помощью CSS/Javascript в HTML файле.

У меня есть столбец с именем status В этом столбце-ячейках, если значение равно 1/2/3, я хочу показать его разными цветными марками. (Я использую фоновое изображение в CSS (td)).

Но проблема в том, что td (у которого нет только определенного класса css), я хочу получить значение в этом td, и в соответствии со значением я поставлю фоновое изображение. Часть кода, которая генерируется для этой ячейки, выглядит следующим образом:

<td class=xl21627 style='border-left:none'>3.00</td>

Как я могу получить доступ ко всем ячейкам и изменить фон этих ячеек на основе ценности внутри него.

yagyavrat 30 апр. 2014, в 07:57

Источник

0

Я хочу получить доступ к ячейкам с определенным классом, а не ко всем
yagyavrat 30 апр. 2014, в 05:51

Теги:

javascript

jquery

css

1 ответ

Ещё вопросы

Я хочу получить доступ к ячейкам с определенным классом, а не ко всем

Arun P Johny · Answer 1 · 2014-04-30T03-38-00.000Z

Если все целевые td имеют один и тот же класс

jQuery(function ($) {
    var imgs = {
        1: '//placehold.it/32/ff0000',
        2: '//placehold.it/32/00ff00',
        3: '//placehold.it/32/0000ff'
    }
    $('.xl21627').css('background-image', function () {
        return 'url(' + imgs[parseInt(this.innerHTML)] + ')'
    })
})

Демо: скрипка

Я считаю, что TS означает, что класс должен меняться в зависимости от содержания в нем (1/2/3) ...
@LinkinTED в этом случае можно использовать jsfiddle.net/arunpjohny/jmGbY/3 или jsfiddle.net/arunpjohny/jmGbY/2