изменить css свойства используя js
 

Доброго времени суток, помогите реализовать возможность использования различных цветов у блока div, а именно:
имеется блок

<div class="content">
<p>
<div class="user">User1:</div>
</p>
<p>
<div class="user">User2:</div>
</p>
<p>
<div class="user">User1:</div>
</p>
<p>
<div class="user">User2:</div>
</p>
</div>

хочу знать как по содержимому блока div class=user менять цвет содержимого используя jqery можно менять стили,

$(".content .user").css("color", "blue");

но таким образом меняется цвет всех user
была идея вытащить содержимое

$(".content .user").text()

и сделать срезку по : получается некий массив содержимого, запомнить первый элемент и сравнивать со всеми элементами в массиве, и если отличаются то задать цвет, но как задать имеено я не понимаю, если использовать выше .css то он задает цвет всему блоку user а не конкретному. + уходит время на сравнение элементов. Может есть какой то более простой способ?

проще говоря, хочу сделать чтоб ник каждого пользователя который общается в чате был разного цвета

А код, где генерится такой див из шаблона? Если в цикле проверку выполнять и менять цвет, то для большого числа сообщений ваше веб приложение пойдет в утиль, тк операции с дом дорогостоящие. Может лучше фичи documentfragment юзать? Там все настроить и за один раз вставить в .content.

нашел в инете готовый плагин, не стал париться, работает как надо, правда цвет меняется случайным образом а не определенно

$(".content .user").eq(0).css("color", "blue");

В данном случае цвет будет установлен для первого блока