Получить элемент Class из Div

0

Я использую функцию autodividersSelector для отображения даты публикации в виде разделителя. Я застрял в том, как перейти к выбору класса даты. Ниже приведен код и консольный журнал элемента Div в DOM.

Если на этот вопрос ответили еще где-нибудь, пожалуйста, предоставьте мне ссылку. благодаря

Код

$(document).on('pagebeforeshow', '#blogposts', function () {
    $.ajax({
        url: "http://howtodeployit.com/category/daily-devotion/feed/?json=recentstories" ,
        dataType: "json" ,
        beforeSend: function () {$('.loader').show();},
        complete: function () {$('.loader').hide();},
        success: function (data){
            $('#postlist').empty();
            //setTimeout(function(){
                $.each(data.posts, function (key, val) {
                //Format date
                var dateString = val.date.split(' ')[0];
                var vdate = dateString.split("-")[1] + " " + monthStrings[parseInt(dateString.split("-")[1])] + ", " + dateString.split("-")[0];
                //Output data collected into page content
                    var rtitle = $('<p/>', {'class' : 'vTitle', html: val.title}); rdate = $('<p/>', {'class': 'vDate' , html: vdate});
                    rid = $('<a href="#d-posts" onclick="showPost(' + val.id + ')"></a>');
                    var rappend = $('<li/>').append(rtitle, rdate);
                    $('#postlist').append($(rappend).wrapInner(rid).fadeIn(600));
                    $('#postlist').listview({
                        autodividers: true,
                        autodividersSelector: function (li) {
                            //console.log(li);
                            var out = $(li).get(0)
                            console.log(out);
                            return out;
                        }
                    });
                    return (key !== 5);
                });
            $("#postlist").listview().listview('refresh').append('<div class="more-posts" style="text-align: center;">Load more posts...</div>');
        //  }, 2000);
        },
        error: function (data) {
            alert("Service currently not available, please try again later...");
        }

    });
});

Изображение 174551

Результат вывода, показывающий [objectHTMLLiElement] в разделителе

Изображение 174551

HTML:

<!-- Page: Blog Posts -->
    <div id="blogposts" data-role="page">
        <div data-role="header" data-position="fixed">
            <h2>My Blog Posts</h2>
        </div><!-- header -->
        <div data-role="listview">
            <ul data-filter="true" data-filter-placeholder='Search blog posts...' data-theme="a" id="postlist"> </ul><!-- content -->
        </div>
        <div class="loader"><img src="css/images/loader.gif"/></div>
    </div><!-- page -->
Теги:

2 ответа

0

OK это последний код, который работал для пользовательских автодизеров. Выбор:

$('#postlist').listview({
    autodividers: true,
    autodividersSelector: function (li) {
       var out = li.find("p").map(function() {return $(this).text();});
       var out1 = out.get(1);
    return out1;
    }
});
0
$('.vDate').each(
    function(){
        alert($(this).html());
    }
);
  • 1
    почему вы используете $(document).find вместо $(".vDate") ?
  • 0
    @Ashkan Я только что добавил свой полный код. Я все еще новичок в JQ & JS. Где будет находиться опция document.find в коде? Спасибо
Показать ещё 10 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню