javascript - jQuery last-child 未定义问题

Question

我在使用 jQuery 获取我最后一个 child 的 ID 时遇到问题。

这是我的有问题的代码:http://jsfiddle.net/2ePeP/

我的 HTML 代码

<div>
    <p class="category" id="category_1">Appetizer</p>
    <p class="category" id="category_2">Beaverages</p>
    <p class="category" id="category_3">Dessert</p>
    <button type="button" class="add-category">Add</button>
</div>

我的 JavaScript 代码

$('.add-category').click(function() {
    alert($('.category:last-child').attr('id'));
});

任何帮助将不胜感激!!!

Answer 1

使用:last 或.last()

$('.category:last');

或

$('.category').last()

DEMO