javascript子元素css

我用css设置了两个类 .dragbox和.removebutton

.dragbox是一个div，.removebutton是div中的一个按钮

我在页面上动态创建了多个dragbox

如何使用javascript使当前.dragbox的.removebutton仅可见

当前，当我将鼠标悬停在一个.dragbox上时，所有.dragbox的.remove按钮都将可见。我只想让现在的那个出现

这是css

.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'); 
   });

尝试：

您的原始代码将在页面上找到

.removeButton

的每个实例。上述代码将针对当前悬停的

.dragbox

分区的

.removeButton

。

尝试：

您的原始代码将在页面上找到

.removeButton

的每个实例。上述代码将针对当前悬停的

.dragbox

分区的

.removeButton

。

无需重复（此操作）

 $('.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*/
       });

也不需要重复（这个）

 $('.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*/
       });

---

我告诉我必须等4分钟才能接受它我告诉我必须等4分钟才能接受它