[JQUERY] getClass van TR
Ik ben bezig aan een stukje javascript(jquery) en geraak er niet uit.
Wanneer ik over het input veld ga met mijn muis kleurt deze lichtgrijs. Maar nu zou ik het nog graag voor elkaar krijgen dat wanneer ik dit veld verlaat met mijn muis dat het veld de achtergrond kleur krijgt van de parent tr tag, alleen krijg ik niet direct een functie gevonden waarmee ik de class van deze parent te pakken kan krijgen.
Wie kan mij helpen?
Kort voorbeeldje, dan snap je mss beter wat ik bedoel:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<tr class="evenrow">
<td><input type="text"></td>
</tr>
<tr class="oddrow">
<td><input type="text"></td>
</tr>
<td><input type="text"></td>
</tr>
<tr class="oddrow">
<td><input type="text"></td>
</tr>
Ik heb het momenteel zo opgelost.
Code (php)
1
2
2
$("tr:even input").css("background-color" , "#C0C0C0");
$("tr:odd input").css("background-color", "#FFFFFF");
$("tr:odd input").css("background-color", "#FFFFFF");
Maar er moeten echt wel mooiere manieren zijn volgens mij, want dit heeft betrekking op alle rijen.
Gewijzigd op 24/08/2010 15:52:02 door Moe BE
Code (php)
1
2
3
4
2
3
4
$('tr input').live('mouseout', function() {
var row_color = $(this).closest('tr').css('background-color');
$(this).css('background-color', row_color);
});
var row_color = $(this).closest('tr').css('background-color');
$(this).css('background-color', row_color);
});
Maar volgens mij kan dit ook wel met puur alleen css:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
tr input {
background-color: inherit;
}
tr input:hover {
background-color: #fff:
}
background-color: inherit;
}
tr input:hover {
background-color: #fff:
}
Ik zal eens even naar die .closest() kijken.