[JavaScript][HTML]Zmiana koloru obramowania w zależnośći od zawartośći diva Opcje

[BienuSS]

Witam.
Chce żeby w zależnośći od tego co wyświetla sie w danym divie ( win albo lose) div zmieniał kolor obramowania.
Divy wyświetlają sie w pętli foreach. Narazie przyszły mi do głowy dwa pomysły:

Kod

<script type="text/JavaScript">
    var a = $(".match-history-status").val();

    if(a == "Win")
    {
        $(".match-history").ready(function()
        {
                $("div.match-history").closest("div").css({"border-color": "green"});
        });
    }

</script>

I drugi :

Kod

<script type="text/JavaScript">
    var a = $(".match-history-status").val();

    if(a == "Win")
    {
            function (){
                var a = $(".match-history");
                with (a.style)
                {
                        borderColor = 'green';

                }
            };
    }
</script>

tak wygląda mniej więcej układ divów:

[HTML] pobierz, plaintext 
<div class="match-history">
<div class="..">
</div>
<div class="..">
</div>
<div class="..">
</div>
<div class="match-history-status">
</div>
 
</div>
[HTML] pobierz, plaintext 

Ten post edytował BienuSS 3.12.2017, 13:58:57

[BienuSS]

https://jsfiddle.net/ggat88zm/1/ Tylko że tych divów jest dużo i każdy ma inne id, które jest przypisywane w pętli foreach

Ten post edytował BienuSS 3.12.2017, 14:06:56