Javascript 使用id和class选择最后一个元素

我正在尝试使用jquery开发一个加载更多的函数。按照我目前的方法，我只在表格最后一个选项卡中出现的最后一个

问题摘要之后加载更多内容。我想，当我点击我的加载更多按钮加载我的内容后，最后一个
问题摘要
的
问题列
，以及相应的id

我的JS功能：

$(document).ready(function () {
    $(".loadMore").on('click', function () {
        var tab = $(this).data('tab');
        var next_page = $(this).data('next-page');
        console.log(next_page);
        console.log(tab);
        $.get($(this).data('url') + '?tab=' + tab + '&page=' + next_page, function (data) {
            addNewQuestions($.parseJSON(data), tab);
        });
        $(this).data('next-page', parseInt(next_page) + 1);
    });

    siteStats();
});

function addNewQuestions(objects, tab) {

    $.each(objects, function (i, object) {
        console.log(tab);
        var lastItem = $(".question-summary:last");
        console.dir(lastItem);
        var newLine = lastItem.clone(true);

        var newObject = newLine.find('.question-info');

        updateTitleAndLink(newObject.find('.summary a'), object);
        updateCreationDate(newObject.find('.question-updated-at'), object);
        updateQuestionAnswers(newObject.find('.question-answers'), object);
        updateAnswerCount(newObject.find('.answers-count'), object);
        updateViewsCount(newObject.find('.views-count'), object);
        updateVotesCount(newObject.find('.votes-count'), object);
        updateSolvedStatus(newObject.find('.status'), object)

        lastItem.after(newLine);
    });
}

我相信问题就在这行
var lastItem=$（“问题摘要：last”）。我尝试了很多不同的解决方案，比如
.question col#tab.question summary
用id tab选择正确的元素，但没有成功

<div id="tabs" class="tab-content">
    <ul>
        <li><a href="#recent_questions">Recent Questions</a></li>
        <li><a href="#unanswered_questions">Unanswered Questions</a></li>
        <li><a href="#top">Top Scored Questions</a></li>
    </ul>


    <div id="recent_questions" class="question-col">
        <div class="question-summary narrow">

            <div class="question-info col-md-12">

                <div class="votes">
                    <div class="votes-count">
                <span title="{$question['votes_count']} votes">
                    {if $question['votes_count']}
                        {$question['votes_count']}
                    {else}
                        0
                    {/if}
                </span>
                    </div>
                    <div>votes</div>
                </div>

                <div {if $question['solved_date']}
                    class="status answered-accepted"
                {else}
                    class="status answer-selected"
                {/if}
                        title="one of the answers was accepted as the correct answer">
                    <div class="answers-count">
                        <span title="{$question['answers_count']} answer">{$question['answers_count']}</span></div>
                    <div>answer</div>
                </div>
                <div class="views">
                    <div class="views-count">
                        <span title="{$question['views_counter']} views">{$question['views_counter']}</span></div>
                    <div>views</div>
                </div>

                <div class="summary question-title">
                    <h3>
                        <a href="{questionUrl($question['publicationid'])}"
                           data-base-question-url = "{questionUrl('')}"
                           style="font-size: 15px; line-height: 1.4; margin-bottom: .5em;">
                            {$question['title']}
                        </a>
                    </h3>
                </div>


                <div class = "statistics col-sm-12 text-right" style="padding-top: 8px">
            <span>
                <i class = "glyphicon glyphicon-time"></i>
                <span class="question-updated-at">{$question['creation_date']}</span>
            </span>
                    <span>
                <i class = "glyphicon glyphicon-comment"></i>
                <span class="question-answers">{$question['answers_count']}</span>
            </span>
                </div>
            </div>

        </div>

        <div class = "loadMore"
             data-next-page = "1"
             data-url = "{url('controller/api/questions/load_more_questions')}"
             data-tab = "recent_questions">
            <a style="color: #f9f9f9">
                Load More...
            </a>
        </div>
    </div>

    <div id="unanswered_questions" class="question-col">
        {foreach $unanswered_questions as $question}
            <div class="question-summary narrow">

                <div class="question-info col-md-12">

                    <div class="votes">
                        <div class="votes-count">
                <span title="{$question['votes_count']} votes">
                    {if $question['votes_count']}
                        {$question['votes_count']}
                    {else}
                        0
                    {/if}
                    </span>
                        </div>
                        <div>votes</div>
                    </div>

                    <div {if $question['solved_date']}
                        class="status answered-accepted"
                    {else}
                        class="status answer-selected"
                    {/if}
                            title="one of the answers was accepted as the correct answer">
                        <div class="answers-count">
                            <span title="{$question['answers_count']} answer">{$question['answers_count']}</span></div>
                        <div>answer</div>
                    </div>
                    <div class="views">
                        <div class="views-count">
                            <span title="{$question['views_counter']} views">{$question['views_counter']}</span></div>
                        <div>views</div>
                    </div>

                    <div class="summary question-title">
                        <h3>
                            <a href="{questionUrl($question['publicationid'])}"
                               data-base-question-url = "{questionUrl('')}"
                               style="font-size: 15px; line-height: 1.4; margin-bottom: .5em;">
                                {$question['title']}
                            </a>
                        </h3>
                    </div>


                    <div class = "statistics col-sm-12 text-right" style="padding-top: 8px">
            <span>
                <i class = "glyphicon glyphicon-time"></i>
                <span class="question-updated-at">{$question['creation_date']}</span>
            </span>
                        <span>
                <i class = "glyphicon glyphicon-comment"></i>
                <span class="question-answers">{$question['answers_count']}</span>
            </span>
                    </div>
                </div>

            </div>
        {/foreach}

        <div class = "loadMore"
             data-next-page = "1"
             data-url = "{url('controller/api/questions/load_more_questions')}"
             data-tab = "unanswered_questions">
            <a style="color: #f9f9f9">
                Load More...
            </a>
        </div>
    </div>
    <div id="top" class="question-col">
        {foreach $top_scored_questions as $question}
            <div class="question-summary narrow">

                <div class="question-info col-md-12">

                    <div class="votes">
                        <div class="votes-count">
                <span title="{$question['votes_count']} votes">
                    {if $question['votes_count']}
                        {$question['votes_count']}
                    {else}
                        0
                    {/if}
                    </span>
                        </div>
                        <div>votes</div>
                    </div>

                    <div {if $question['solved_date']}
                        class="status answered-accepted"
                    {else}
                        class="status answer-selected"
                    {/if}
                            title="one of the answers was accepted as the correct answer">
                        <div class="answers-count">
                            <span title="{$question['answers_count']} answer">{$question['answers_count']}</span></div>
                        <div>answer</div>
                    </div>
                    <div class="views">
                        <div class="views-count">
                            <span title="{$question['views_counter']} views">{$question['views_counter']}</span></div>
                        <div>views</div>
                    </div>

                    <div class="summary question-title">
                        <h3>
                            <a href="{questionUrl($question['publicationid'])}"
                               data-base-question-url = "{questionUrl('')}"
                               style="font-size: 15px; line-height: 1.4; margin-bottom: .5em;">
                                {$question['title']}
                            </a>
                        </h3>
                    </div>


                    <div class = "statistics col-sm-12 text-right" style="padding-top: 8px">
            <span>
                <i class = "glyphicon glyphicon-time"></i>
                <span class="question-updated-at">{$question['creation_date']}</span>
            </span>
                        <span>
                <i class = "glyphicon glyphicon-comment"></i>
                <span class="question-answers">{$question['answers_count']}</span>
            </span>
                    </div>
                </div>

            </div>
        {/foreach}

        <div class = "loadMore"
             data-next-page = "1"
             data-url = "{url('controller/api/questions/load_more_questions')}"
             data-tab = "top_scored_questions">
            <a style="color: #f9f9f9">
                Load More...
            </a>
        </div>

    </div>
</div>







{如果$question['vows_count']}
{$问题['vows_count']}
{else}
0
{/if}
投票
{$question['answers_count']}
回答
{$question['views_counter']}
意见
{$question['creation_date']}
{$question['answers_count']}
{$question['creation_date']}
{$question['answers_count']}
{/foreach}
{$question['creation_date']}
{$question['answers_count']}
{/foreach}
加载更多。。。

知道我做错了什么吗

要选择last，您可以使用类选择器的
.last（）
，如


alert（$（'.myList'）.last（）.html（））


一个
两个
三个
您忘记了类（点）选择器：

var lastItem = $("question-summary:last");

试试这个：

var numQ = $('.question-summary').length;
var lastItem = $('.question-summary').eq(numQ-1);

要选择最后一个，您可以使用
.last（）
我想选择特定元素的最后一个，在本例中是
问题列
。我想你甚至没有读过这个问题。
$（“.question summary”）.last（）
last（）
或
：last
正是您所需要的。没有必要对试图帮助你的人如此粗暴。无论哪种方式，这个问题都应该作为基本类型关闭，因为您的选择器
var lastItem=$（“问题摘要：last”）添加
，因为它是classI即将编辑的。我修好了。但这不是问题所在。