IA_V3

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>vezba 3</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#check").click(function() {
        $("table tr").each(function() {
            $(this).find("td:contains('Задоволува')").each(function() {
                $(this).prevAll().addClass("green");
                $(this).addClass("green");
            });
        });
    });
});
</script>
<style type="text/css">
table {
    text-align:center;
    border:1px solid #000;
}
table th {
    background: orangered;
}
table tr .green {
    background: lime;
}
</style>
</head>
<body>
<table width="400" border="0" cellpadding="1" cellspacing="1">
<tr>
    <th>Име</th>
    <th>Презиме</th>
    <th>Состојба</th>
</tr>
<tr>
    <td>Петко</td>
    <td>Петков</td>
    <td>Задоволува</td>
</tr>
<tr>
    <td>Петко</td>
    <td>Петков</td>
    <td>Незадоволува</td>
</tr>
<tr>
    <td>Петко</td>
    <td>Петков</td>
    <td>Незадоволува</td>
</tr>
<tr>
    <td>Петко</td>
    <td>Петков</td>
    <td>Нездоволува</td>
</tr>
<tr>
    <td>Петко</td>
    <td>Петков</td>
    <td>Задоволува</td>
</tr>
<tr>
    <td>Петко</td>
    <td>Петков</td>
    <td>Задоволува</td>
</tr>
</table>
<input type="submit" name="check" value="Провери Долг" id="check" />
</body>
</html>