[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]

Dziękuje! Przerobiłem to na to co dokładnie mi chodziło i teraz wygląda to tak:
https://jsfiddle.net/ggat88zm/10/

Wywala mi błąd:
Uncaught TypeError: status.each is not a function

Dodam że aktualnie mam jquery 3.2.1

Ten post edytował BienuSS 3.12.2017, 14:46:34