slide切换页面上的许多元素

时间:2011-03-16 13:33:27

标签: javascript jquery

我有一张州的地图,其中有一些县作为图像地图切成薄片。而不是使用不同的功能来点击每个县并显示其统计数据,有一种方法可以使用以下内容:

$('#county).click(function(){$(#countystats).slideToggle('fast');所有不同县的100多次?

1 个答案:

答案 0 :(得分:0)

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

因此,如果您要将点击处理程序附加到所有县元素,则可以为每个classdiv或其他任何内容添加span属性。用它作为选择器。

$('.county').click(function(){
          $(this).find('.countystats').slideToggle('fast')
});

这样做会将点击监听器附加到包含class='county'的页面上的每个元素(例如,<div class='county'>甚至<img class='county'>),并点击该元素,切换它是countystats类的后代元素。

我在这里假设你们每个人都有一个单独的countystats元素。如果您使用<div> id 一个 countystats,则可以保留原始电话

$('#countystats').slideToggle('fast');

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