我有DIV和它的子DIV，我想用jQuery选择最后一个DIV.父DIVS具有id

I have DIV and its child DIV , i want to select last DIV using jQuery . Parent DIVS have id

本文关键字：DIV 最后一个 选择 jQuery DIVS id 具有 我有      更新时间：2023-09-26

以下是问题的描述。我有父div（allcomments_4），在里面，我有几个子div（oneEntry），里面有自己的子节点，但我只需要找到父节点的最后一个子节点（allcomments _4）。我想读取div（lastComment）it内部的内容，然后将其添加到这个div之上，这将类似于使用jquery的上面的div（oneEntry）。我想使用id而不是类来进行此操作。当我计算allComments_4div的id时。我试过了。

<script>
    var allcommentsId =allcomments_4
    var right = "div#lastComment"
    var left = '#'+allcommentsId 
    var message = $(left>right ).html()
    alert(message)
</script>
<div id="allcomments_4">
 <div class="oneEntry">
   <div class="commentImage">
   </div>
   <div class="commentEntry">
   <div class="commentText">
   </div>
   <div class="commentDate">
    Commented On -"Thu Jan 26 16:44:16 EST 2012"/>
   </div>
 </div>
 <div class="oneEntry">
   <div class="commentImage">
   </div>
   <div class="commentEntry">
   <div class="commentText">
   </div>
   <div class="commentDate">
    Commented On -"Thu Jan 26 16:44:16 EST 2012"/>
   </div>
 </div>
</div><!-- One Comment Entry Ends here -->
<div id ="lastComment">
</div><!-- last Comment ends here -->
</div><!-- All Comments Ends here -->

我觉得遗漏了一些东西，很抱歉问了这样一个蹩脚的问题，因为我是jquery和整个javascript的初学者。

如前所述，ID必须是唯一的。话虽如此，这里有一种方法可以完成您的要求（在适当的情况下使用类）：

function displayContent(IdNum) {
    var Id = '#allcomments_' + IdNum;
    var $lastComment = $(Id).find('.lastComment');
    var message = $lastComment.html();
    alert(message);
}
displayContent(4);

HTML w/classes（供参考）：

<div id="allcomments_4">
    <div class="oneEntry">
        <div class="commentImage">
        </div>
        <div class="commentEntry">
            <div class="commentText">
            </div>
            <div class="commentDate">
            Commented On - "Thu Jan 26 16:44:16 EST 2012"
            </div>
        </div>
    </div>
    <div class="oneEntry">
        <div class="commentImage">
        </div>
        <div class="commentEntry">
            <div class="commentText">
            </div>
            <div class="commentDate">
            Commented On - "Thu Jan 26 16:44:16 EST 2012"
            </div>
        </div>
    </div><!-- One Comment Entry Ends here -->
    <div class="lastComment">
        Body of lastComment
    </div><!-- last Comment ends here -->
</div><!-- All Comments Ends here -->

jsFiddle：http://jsfiddle.net/yT8Fc/

var message = $(left>right ).html()

这不起作用，因为它将大于比较的结果作为参数。它必须看起来像这样：

var message = $(left + ' > ' + right).html()
相关文章：