Javascript дочернего элемента CSS

Question

У меня есть два класса, установленные в CSS .dragbox и .removebutton

.dragbox является ДИВ и .removebutton является кнопкой внутри DIV

У меня есть несколько динамически создаваемый. dragbox на странице.

Как я могу сделать .removebutton только этого текущего .dragbox видимым с помощью javascript?

В настоящее время, когда я наводил курсор на один .dragbox, все .removebuttons становятся видимыми для всех .dragbox. Я только хочу, чтобы ток один, чтобы показать

Heres устанавливаемых сотового

.dragbox 
{ 
    position:absolute; 
    width:10px; 
    height:25px; 
    padding: 0.0em; 
    margin:25px;  
    } 

.removebutton 
{ 
     background-image:url(img/delete.png); 
     background-repeat: 
     no-repeat;visibility:hidden; 
} 

и Херес JavaScript

$('.dragbox').hover(function() 
    { 
    $(this).css('border', '1px solid #000');  
    $(this).css('background-image','url(img/move.png)'); 
    $(this).css('background-repeat','no-repeat'); 
    $(this).css('width', '15px'); 
    $(this).css('height', '15px');   
     $(".removebutton").css('visibility', 'visible'); 
    }); 

Answer 1

Try:

$('.dragbox').hover(function() 
{ 
    $(this).css('border', '1px solid #000');  
    $(this).css('background-image','url(img/move.png)'); 
    $(this).css('background-repeat','no-repeat'); 
    $(this).css('width', '15px'); 
    $(this).css('height', '15px');   
    $(this).find(".removebutton").css('visibility', 'visible'); 
}); 

Вашего исходный код будет найти каждый экземпляр от .removeButton на странице. Вышеуказанный код будет нацелен на .removeButton, который является частью находящегося в настоящее время .dragbox div.

Answer 2

нет необходимости повторять (это) также

$('.dragbox').hover(function() 
     { 
     $(this).css({ 
     border :'1px solid #000' , 
     background-image:'url(img/move.png)', 
     background-repeat:'no-repeat', 
     width: '15px', 
     height: '15px' 
    }) 
      $(this).find('.removebutton').css('display', 'block');or /*visibility:visible*/ 
     });