我有一张州的地图,其中有一些县作为图像地图切成薄片。而不是使用不同的功能来点击每个县并显示其统计数据,有一种方法可以使用以下内容:
$('#county).click(function(){$(#countystats).slideToggle('fast');
所有不同县的100多次?
答案 0 :(得分:0)
每当您有多个需要设置相同样式的元素或者您可能需要选择为“组”时,您可以使用类而不是ID。
因此,如果您要将点击处理程序附加到所有县元素,则可以为每个class
或div
或其他任何内容添加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,相同的处理程序被触发,因此元素切换。