Javascript 如何创建函数但选择不同的div（如php类）

我是Jquery的新手，如何制作一个函数但选择不同的div（比如php类）

这是我的代码：

$(document).ready(function(){
  $("#box-1").hover(function(){
    $("#mebox-1").removeClass("hide");
    $("#circle-1").addClass("hide");      
  });
  $("#box-1").mouseleave(function(){
    $("#mebox-1").addClass("hide");
    $("#circle-1").removeClass("hide");
  });
});

我想用这个函数来表示盒子xxx。这是我的HTML cod示例：

<div id="box-1" class="box">
   <div id="circle-1" class="circle"></div>
   <div id="mebox-1" class="hide circle-bg">
      test
   </div>
</div>
<div id="box-2" class="box">
   <div id="circle-2" class="circle"></div>
   <div id="mebox-2" class="hide circle-bg">
      test
   </div>
</div>
<div id="box-3" class="box">
   <div id="circle-3" class="circle"></div>
   <div id="mebox-3" class="hide circle-bg">
      test
   </div>
</div>

测试
测试
测试

尝试使用附加在这些元素上的公共类，最重要的是使用

这个

引用，这样我们就可以针对我们正在移动的元素内部的元素

$(".box").hover(function(){
   $(".circle-bg",this).removeClass("hide");
   $(".circle",this).addClass("hide");      
},function(){
   $(".circle-bg",this).addClass("hide");
   $(".circle",this).removeClass("hide");  
});

---

尝试使用与这些元素关联的公共类，最重要的是使用

this

引用，这样我们就可以针对我们正在移动的元素中的元素

$(".box").hover(function(){
   $(".circle-bg",this).removeClass("hide");
   $(".circle",this).addClass("hide");      
},function(){
   $(".circle-bg",this).addClass("hide");
   $(".circle",this).removeClass("hide");  
});

---

因为您已经定义了公共类。您应该使用来获取子代

使用

---

我还将

mouseleave

事件处理程序作为第二个参数传递给

.hover（）

函数。

，因为您已经定义了公共类。您应该使用来获取子代

使用

我还将

mouseleave

事件处理程序作为第二个参数传递给了

.hover（）

函数。

尝试以下方法：

var n="";
$('[id^="box-"]').hover(function(){
   n = this.id.split('-')[1];
   $("#mebox-"+n).removeClass("hide");
   $("#circle-"+n).addClass("hide");      
},function(){
   $("#mebox-"+n).addClass("hide");
   $("#circle-"+n).removeClass("hide");
});

试试这个：

var n="";
$('[id^="box-"]').hover(function(){
   n = this.id.split('-')[1];
   $("#mebox-"+n).removeClass("hide");
   $("#circle-"+n).addClass("hide");      
},function(){
   $("#mebox-"+n).addClass("hide");
   $("#circle-"+n).removeClass("hide");
});

---

像box-1一样，使用其他分区的id将代码包装在函数中，并使用

$（“#box-”+boxno）

或

$（boxIDForbox xx）

不，不要这样做，显示html，我们将指导您使用优化的方法。我知道您可以逐个使用函数，但我确信这不是一个好方法。例如box-1使用另一个div的id将代码包装到函数中，并使用

$（“#box-”+boxno）

或

$（boxIDForbox xx）

不这样做，显示您的html，我们会告诉你优化的方法。我知道你可以一个接一个地使用函数，但我肯定这不是一个好方法。你说不工作是什么意思？等等，我会发布一个修改代码的帖子。你说不工作是什么意思？等等，我会发布一个修改代码的帖子。