1

我需要按字母顺序对“A”元素的类属性进行排序。目的是创建 lightview 组。

我使用此脚本获取每个“DIV”元素的类并将其放入“A”元素。注意几个“DIV”有不同的类。

我可以连接有或没有空格的类。因此，我可以在每个类之间放置一个空格，以便在该类之后对它们进行排序，或者也许有人有该脚本的解决方案可以直接执行此操作？

脚本

$(function(){
    $('div.level_1').find('.lightview').attr('data-lightview-group', function () {
        return $(this).closest('.level_1')[0].className.split(" ").slice(0).join("");
    });
});

此脚本后的结果代码

<div class="euItem generation_y _2013 level_1">
    <img border="0" src="/sport/sport_2014/gallery/images/images_thumbnails/bike-tbn.jpg" class="euImg" alt="Bike">
    <h4>
        <a href="/sport/sport_2014/gallery/images/bike.jpg" class="link-ico lightview" data-lightview-group-options="controls: 'thumbnails'" data-lightview-group="euItemgeneration_y_2013level_1"><span>Bike</span></a>
    </h4>

    <p>Praesent placerat purus in lobortis egestas. Etiam lectus augue, viverra in ultricies vitae, accumsan eu arcu. Phasellus auctor fringilla sem non imperdiet.</p>

    <span class="clear">&nbsp;</span>
</div>

<div class="level_1 euItem eu_sport_forum _2013">
    <img border="0" src="/sport/sport_2014/gallery/images/images_thumbnails/relay-tbn.jpg" class="euImg" alt="Relay">
    <h4>
    <a href="/sport/sport_2014/gallery/images/relay.jpg" class="link-ico lightview" data-lightview-group-options="controls: 'thumbnails'" data-lightview-group="level_1euItemeu_sport_forum_2013"><span>Relay</span></a>
    </h4>

    <p>Praesent placerat purus in lobortis egestas. Etiam lectus augue, viverra in ultricies vitae, accumsan eu arcu. Phasellus auctor fringilla sem non imperdiet.</p>
    <span class="clear">&nbsp;</span>
</div>

<div class="level_1 _2013 generation_y euItem">
    <img border="0" src="/sport/sport_2014/gallery/images/images_thumbnails/bike-tbn.jpg" class="euImg" alt="Bike">
    <h4>
        <a href="/sport/sport_2014/gallery/images/bike.jpg" class="link-ico lightview" data-lightview-group-options="controls: 'thumbnails'" data-lightview-group="level_1_2013generation_yeuItem"><span>Bike</span></a>
    </h4>

    <p>Praesent placerat purus in lobortis egestas. Etiam lectus augue, viverra in ultricies vitae, accumsan eu arcu. Phasellus auctor fringilla sem non imperdiet.</p>

    <span class="clear">&nbsp;</span>
</div>

<div class="level_1 euItem eu_sport_forum _2013">
    <img border="0" src="/sport/sport_2014/gallery/images/images_thumbnails/relay-tbn.jpg" class="euImg" alt="Relay">
    <h4>
    <a href="/sport/sport_2014/gallery/images/relay.jpg" class="link-ico lightview" data-lightview-group-options="controls: 'thumbnails'" data-lightview-group="level_1euItemeu_sport_forum_2013"><span>Relay</span></a>
    </h4>

    <p>Praesent placerat purus in lobortis egestas. Etiam lectus augue, viverra in ultricies vitae, accumsan eu arcu. Phasellus auctor fringilla sem non imperdiet.</p>
    <span class="clear">&nbsp;</span>
</div>
4

0 回答 0