php - 分别使用带有通配符的 JQuery

Question

问题
有没有办法使用 JQuery each 和通配符根据前缀拆分每个类？

编辑: 在我的例子中，我想按 rel 而不是 class 来拆分元素。

背景
现在我只是为每个 fancybox 组生成一个单独的代码块，这是一个非常大的 hack，但它有效。我想将此代码从 php 类中拉出并将其放在 html View 中，并且只编写一次而不是为每个 example_group 编写一个新 block 。我确信有办法，但现在我被我的临时 hack 困住了。

当前代码

        (function($) {//use jquery each
            $("a[rel=example_group$group]").fancybox({
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'titlePosition'     : 'over',
                'cyclic'            : true,
                'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                    return 'Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '';
                }
            });
        })(jQuery);

解决方案

        (function($) {
            $("a[rel^=example_group").fancybox({
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'titlePosition'     : 'over',
                'cyclic'            : true,
                'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                    return 'Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '';
                }
            });
        })(jQuery);

Answer 1

$('a[rel^="example_group"]');

这将针对 rel 值以“example_group”开头的任何 anchor 。这意味着，它将针对以下所有对象:

<a ... rel="example_group1">Group 1</a>
<a ... rel="example_group2">Group 2</a>
<a ... rel="example_group_ponies">Ponies!</a>

有关更多信息，请查看 Attribute Starts With Selector .