Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滑动切换页面上的多个元素_Javascript_Jquery - Fatal编程技术网

Javascript 滑动切换页面上的多个元素

Javascript 滑动切换页面上的多个元素,javascript,jquery,Javascript,Jquery,我有一个州的地图,其中有几个县被切成了一张图像地图。除了使用不同的功能单击每个县并显示其统计数据外,还有其他方法可以使用: $'county.clickfunction{$countystats.slideToggle'fast';所有不同的县100多次?当您有多个元素需要设置相同的样式,或者您可能需要选择作为“组”时,您可以使用类而不是id 因此,如果要将单击处理程序附加到所有county元素,可以向每个div或span或其他任何元素添加一个class属性,并将其用作选择器 $('.count

我有一个州的地图,其中有几个县被切成了一张图像地图。除了使用不同的功能单击每个县并显示其统计数据外,还有其他方法可以使用:


$'county.clickfunction{$countystats.slideToggle'fast';所有不同的县100多次?

当您有多个元素需要设置相同的样式,或者您可能需要选择作为“组”时,您可以使用类而不是id

因此,如果要将单击处理程序附加到所有county元素,可以向每个div或span或其他任何元素添加一个class属性,并将其用作选择器

$('.county').click(function(){
          $(this).find('.countystats').slideToggle('fast')
});
这样做的目的是将一个click侦听器附加到页面上具有class='county'的每个元素,或者甚至在单击该元素时,将其子元素与countystats类切换

我在这里假设每个都有一个单独的countystats元素。如果您有一个id为countystats的元素,则可以保留原始呼叫

$'countystats'。滑动切换'fast'


但请注意,它看起来会导致countystats在第二次单击时被关闭,因此您可能希望更改其处理方式。例如,我单击county 1,统计数据将滑入视图。我单击county 2,相同的处理程序被触发,因此元素被关闭。

我不明白-是否要通过编程触发点击?如果是这样,你可以使用$county.触发'click';另一方面,如果你想让所有的统计元素同时滑动,你可以在all中添加一个类,并将其用作选择器-$'.countyStats.slideToggle'fast'不,假设有三个县a、b、c.而不是编写三个不同的Java脚本来滑动切换这三个县我想知道是否有一种方法可以编写一个函数来识别每个县的id或类,并让slideToggle工作。而不是必须编写上述脚本的100个版本。我不希望所有脚本都同时滑动。我只是想知道是否有可能让一个函数一次一个地工作所有这些脚本他在页面上添加了不同的元素。