Javascript 单个功能可在其他div内单独切换多个div

Javascript 单个功能可在其他div内单独切换多个div,javascript,jquery,html,Javascript,Jquery,Html,我的页面中有一些div,每个div都有一个我想通过jQuery切换的内容。 我的代码实际上是这样的: $('.my_div').click(function() { $( ".my_div_B" ).slideToggle( "slow" ); }); $('.my_div2').click(function() { $( ".my_div_B2" ).slideToggle( "slow" ); }); $('.my_div3').click(function() {

我的页面中有一些div,每个div都有一个我想通过jQuery切换的内容。 我的代码实际上是这样的:

$('.my_div').click(function() {
   $( ".my_div_B" ).slideToggle( "slow" );
 });

$('.my_div2').click(function() {
   $( ".my_div_B2" ).slideToggle( "slow" );
 });

$('.my_div3').click(function() {
   $( ".my_div_B3" ).slideToggle( "slow" );
 });
等等。。。当然,在代码的同一部分重复div的名称并不是最好的方法

HTML模式:

<div class="my_div">
<img />
<img />
<div class="my_div_B">text</div>
</div>

文本
我如何在不打开所有div的情况下单击$('this')将其缩短?
-另外,我知道有一些类似的问题,但答案似乎是针对该标记的。

您可以检查div是否具有特定的类值,如:

//选择带有class属性的div以my\u div开头
$('div[class^=“my_div”])。单击(函数(){
//使用类start my_div_B查找子元素div
$(这个).children(“div[class^='my'u div_B'])).slideToggle(“slow”);
});

文本
文本