Dodatek zmieniający wygląd postaci

Mam kod:

nick = function () {
  $("#hero").css("background-image","url('http://i.imgur.com/QhCvE8a.gif')");
  $(".troop").css("background-image","url('http://i.imgur.com/QhCvE8a.gif')");
  }
    refreshing = function () {
        setInterval(function () {
            nick()
        }, 100);
    }
    g.loadQueue.push({
        fun: refreshing,
        data: ''
    });

Konkretnie chodzi o

$(".troop").css("background-image","url('http://i.imgur.com/QhCvE8a.gif')")

I powstaje coś takiego

<div class="troop" id="troop1186340" tip="<b>nick</b>Lvl: 30m<br><br><i>Życie: 92%<br>Energia: 50<br>Mana: 50</i>" ctip="t_troop1" style="background-position: 0px 48px; width: 32px; height: 48px; z-index: 9; left: 256px; top: 302px; background-image: url(&quot;http://i.imgur.com/QhCvE8a.gif&quot;);"></div>

Ale jest problem, bo chyba troop należy tez do przeciwnika, czyli t_troop1 jest mojej postaci a inne np. t_troop2 juz nie, więc chyba trzeba się odnieść do tego ctip="t_troop1"
Proszę o pomoc i z góry dziękuję.

var tip = $(".troop").attr('ctip');

if(tip == "t_troop1"){
//rob cos jesli ja
}else{
//rob cos jesli przeciwnik
}

Nie wchodziłem już trochę od dawna, bo nie miałem czasu.
Jestem całkiem zielony w javascript, chodzi mi o to by tylko t_troop1 sie zmieniał, a pozostałe t_troop2 i tak dalej zostały takie jakie są.

Próbowałem różnych kombinacji, ale nic mi nie wychodzi.

Mam na myśli skrypt w takim stylu:

$(".t_troop1").css("background-image","url('http://i.imgur.com/QhCvE8a.gif')")

ale nie wiem jak zapisać by było to poprawnie :C
i gdyby ktoś mógł podać od razu skrypt, a nie np. z funkcja if i komentarz w stylu "tutaj wstaw co ma się stać, wykonać", bo jak pisałem jestem zielony, a chciałem sobie grę umilić, ale jak zdąrzyłem zaważyć, że sam nie dam rady.

spróbuj:

$(".troop[ctip=t_troop1]").css("background-image","url('http://i.imgur.com/QhCvE8a.gif')");

ale nie gwarantuję ;)