jquery .each () берет изображение и заголовок из класса и добавляет каждого к 5 различным div - PullRequest
Новая
       10

jquery .each () берет изображение и заголовок из класса и добавляет каждого к 5 различным div

0 голосов
/ 25 сентября 2010

Я застрял на этом, что я пытаюсь сделать: будут div с классом возможностей, их может быть x, но я хочу только 5 самых возмущенных.возьмите img src и a.html, каждый из которых является заголовком ссылки, и добавьте каждый к 5, содержащим div в верхней части страницы.изображение как background-image, а другой - перед тегом.это почти что делает, но он берет последнее найденное изображение и помещает его в каждый из 5-ти содержащих div-ов и берет найденный им заголовок, а также помещает каждое из них во все 5-е div другими словами, повторяя его, когда каждый содержащий div должен быть уникальнымлюбая помощь будет оценена. 

$(document).ready(function() {
    $('html body').find('.feature').each(function(e) {
        var post_image = $(this).find('img').attr('src');
        var post_title = $(this).find('a').html();

            $('.place_post_feature').each(function() {
                $(this).css({
                'backgroundImage': 'url(' + post_image + ')',
                'backgroundRepeat': 'no-repeat',
                'backgroundPosition': 'center',
                });

                $(this).find('a.preview').prepend(post_title);
            });//end each



    });//end find each
});//end ready

Ответы [ 2 ]

1 голос
/ 25 сентября 2010

Возможно, вы захотите попробовать что-то вроде этого, имея переписку один на один между местными постами и функциями и заканчивая, когда вы достигли своих пяти постов: 

<script type="text/javascript">
    $(document).ready(function() {
        var placePosts = $('.place_post_feature');
        $('html body').find('.feature').each(function(index) {
            if (index < 5) {
                var post_image = $(this).find('img').attr('src');
                var post_title = $(this).find('a').html();

                if (index < placePosts.length) {
                    $(placePosts[index]).css({
                        'backgroundImage': 'url(' + post_image + ')',
                        'backgroundRepeat': 'no-repeat',
                        'backgroundPosition': 'center'
                    });
                    $(placePosts[index]).find('a.preview').prepend(post_title);
                }
            }
        });//end find each
    });//end ready
</script>
0 голосов
/ 25 сентября 2010

В каждом из пяти делителей, которые вы видите сверху, может быть только одно фоновое изображение, поэтому, когда ваш скрипт перебирает и добавляет фоновое изображение, он заменяет предыдущее. Вот почему вы заканчиваете только последним показом .feature.

Итак, мой вопрос: 5 делений вверху должны содержать меньшие деления с фоновым изображением и заголовком? И, пожалуйста, поделитесь HTML-кодом, чтобы мы могли лучше понять, что вам нужно.

...