javascript - Div の現在の投稿数をカウントする

Question

こんにちは、コンテンツ領域に現在表示されている投稿の数を取得しようとしています。現在表示されている投稿の数は 3 ですが、長さを確認すると 1 が返されます。

$(document).on("click", ".load-more", function() {

    var currentPost = $('#postlist');
    loadMore = currentPost.parent().find('.load-more');
    initialPostcount = currentPost.length;
    console.log(initialPostcount);

})

1. 投稿の現在のリスト:

2. 要素の検査:

<!-- 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="content">
            <ul data-filter="true" data-filter-placeholder='Search blog posts...' id="postlist"> </ul><!-- content -->
        </div>
        <div class="load-more">Load More Posts...</div>
        <div id='loader'><img src="css/images/loader.gif"/></div> 
    </div><!-- page -->