Question

我目前正在尝试创建一个脚本，该脚本将在点击时添加和删除多个元素中的类。代码可以工作，但是我想找到一种方法，使它能够定位一些顺序编号的元素集，而不仅仅是一个集合。以下是我目前使用的代码（已更新：2013年11月27日）：

jQuery(document).ready(function() {
jQuery('#tutorial-toc-step-01').click(function() {
    if ( jQuery('.tutorial-glyph-check-step-01').hasClass('glyphicon-unchecked') && !jQuery('#tutorial-body-step-01').hasClass('in') ) {
        jQuery('.tutorial-glyph-check-step-01').removeClass('glyphicon-unchecked'),
        jQuery('.tutorial-glyph-check-step-01').addClass('glyphicon-check'),
        jQuery('.tutorial-glyph-chevron-step-01').removeClass('glyphicon-chevron-down'),
        jQuery('.tutorial-glyph-chevron-step-01').addClass('glyphicon-chevron-up'),
        jQuery('#tutorial-title-reset-step-01').removeClass('hidden');
    }
    else if ( jQuery('.tutorial-glyph-check-step-01').hasClass('glyphicon-unchecked') && jQuery('#tutorial-body-step-01').hasClass('in') ) {
        jQuery('.tutorial-glyph-check-step-01').removeClass('glyphicon-unchecked'),
        jQuery('.tutorial-glyph-check-step-01').addClass('glyphicon-check'),
        jQuery('.tutorial-glyph-chevron-step-01').removeClass('glyphicon-chevron-up'),
        jQuery('.tutorial-glyph-chevron-step-01').addClass('glyphicon-chevron-down'),
        jQuery('#tutorial-title-reset-step-01').removeClass('hidden');
    }
});
});

如您所见，目标元素都已编号（至少是从一组到下一组的元素）。我想目标1到9，但是，目前，这需要我复制这个脚本九次，只做了一些小改动。由于我在相关页面上有这样的一些不同的脚本，我更愿意找到一种方法来定位每个集合，而不必求助于（基本上）相同脚本的多个实例。

更新：2013年11月27日：以下是指向HTML的链接：http://zyniker13.com/html-pages/tutorial-template.html。 n.b.，只有第一组元素可以工作，因为我还没有（还）克隆和编辑jQuery，从一到两到五。

非常感谢任何帮助。

更新：2013年11月27日：我重新编写了代码，以标准化所涉及的类和ID。这样可以简化定位，并添加指向HTML的链接。

用jQuery定位元素的通配符

0 个答案: