根据锚类切换div - 改进代码

时间:2014-02-13 22:51:22

标签: jquery toggle

我想得到的是:

点击<a class="example1" ... 无论其位置如何,都可以使用相同的班级<div class="example1">切换div

此代码有效,但我可以以某种方式改进它吗?

jQuery的:

jQuery(document).ready(function() {
    jQuery('a').bind('click', function() {
        var className = jQuery(this).attr('class'); 
        jQuery('div.'+className).toggle();
    });
});

提前致谢。

1 个答案:

答案 0 :(得分:0)

&#34;你能改进吗?#34; - 我相信你会得到很多有趣的答案。

代码很好。以下只是对格式和简洁的小调整:

jQuery(function($) {
    $('a').bind('click', function() {
        $('div.' + $(this).attr('class')).toggle();
    });
});

虽然,您应该切换到on方法:

jQuery(function($) {
    $('a').on('click', function() {
        $('div.' + $(this).attr('class')).toggle();
    });
});