Instead of call the parent you can call Only that DIV of which u want to
change the background color
$(document).ready(function(){
//action when the mouse is over :
$("#delete").mouseover(function(){ // I select the .delete
divs.
//now i want to change the bg color of the
entire div, but only this div. here is my problem
$('#container').css('background-color','red');
//with this selection, I select ALL the parents,but
I want only the father..
})
//action when the mouse is out
$(".thumbdelete").mouseout(function(){
$('#container
').css('background-color','white');
})
})
I think it might work.
Regards;
Zeeshan Ahmed Khan
On Wed, Apr 22, 2009 at 4:11 PM, gostbuster <[email protected]>wrote:
>
> Hi everyone,
>
> I'm getting in trouble with this problem,
>
> I have several divs which contains an image, and another div. we can
> imagine somethin like that :
>
> <div class="container">
> <div class="img">...my image...</div>
> <div class="delete">delete</div>
>
>
> </div>
>
> What I want to do is, when I put the mouse over the div Delete (and
> only this one), I want to change the background of the
> entire .container div.
>
> here is my code :
>
>
> $(document).ready(function(){
> //action when the mouse is over :
>
> $(".delete").mouseover(function(){ // I select the .delete
> divs.
> //now i want to change the bg color of the
> entire div, but only this div. here is my problem
> $(this+':parent').css('background-color','red');
> //with this selection, I select ALL the parents,but
> I want only the father..
> })
>
> //action when the mouse is out
> $(".thumbdelete").mouseout(function(){
>
> $(this+':parent').css('background-color','white');
> })
>
> })
>
> Your help would be very greatful.
>
> Thank you very much in advance.
>
