Как в массиве назначить класс результата в определенном стиле?

Question

[Олег Галимов]

Доброе время суток.
Подскажите как сделать в массиве назначить класс результата в определенном стиле?
есть код

var states = [
		['Результат 1', 'red'],
		['Результат 2', 'green'],
		['Результат 3', 'red'], 
		['Результат 4', 'orangered'],
		];
		console.log(states[state][0]);
				$('div[data-id="'+tld[index]+'"]').html('<p>Результат</p><span style="color:'+states[state][1]+'">'+states[state][0]+'</span>');

Я понимаю что сейчас результат выводит по цвету шрифта.
А как сделать чтоб, Результат 1 = class="res_1", Результат 2 = class="res_2" и т.д.
Пожалуйста помогите!
Очень срочно нужно.

Comments

[gleendo]

Что то вообще не понятно что вам нужно...

[Олег Галимов]

чтоб, Результат 1 был равен class="res_1" в html, а классу принадлежат свои стили отображения.
я не могу понять как изменить тут

<p>Результат</p><span style="color:'
если написать, от это абсурд.
<p>Результат</p><span style="res_1'

[Antowa Kartowa]

Не поленитесь и опишите подробно что это вообще такое. Что за абстракция Результат 1. Как он получается, что означает.

Для начала без классов - просто со стороны пользователя что он должен сделать (кликнуть) и что должен увидеть или получить в результате (на экране).

После можно описать как это должно работать в коде. Приблизительно.

Тогда будет понятнее что надо сделать. Чего хотите добиться. А то только каша выходит.

[Олег Галимов]

Спасибо за ответы.
Решил так

var states = [
        ['<p class="pres_1">Результат 1</p>'],
        ['<p class="pres_2">Результат 2</p>'],
        ['<p class="pres_3">Результат 3</p>'],
        ['<p class="pres_4">Результат 4</p>'],
        ];

Может кому то пригодиться.