Witam. Na wstępie zaznaczę iż jestem bardzo początkujący w Jquery. Problem polega na tym, że chcę by, w momencie najechania myszką na ".element" kolor tła zmieniła tylko ".klasa" znajdująca się w danej klasie ".element" (kolor zmieniają wszystkie klasy".klasa"). Oto kod html:
<html>
<head>
<title>strona glowna</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".element").mouseover(function() {
$(".klasa").css("background-color", "green");
}).mouseout(function() {
$(".klasa").css("background-color", "red");
});
});
</script>
</head>
<body>
<div id="lista">
<div class="element">
<div class="klasa"></div>
</div>
<div class="element">
<div class="klasa"></div>
</div>
<div class="element">
<div class="klasa"></div>
</div>
</div>
<br><br><br>
<div id="linia"></div>
</body>
</html>