最接近父级的jQuery方法/在某些div上不起作用

Question

我有一个具有以下内容的div：

我的HTML：

<div class="panel-footer">
    Cat1: <span class="badge">5</span>&nbsp;&nbsp;
    Cat2: <span class="badge">3</span>&nbsp;&nbsp;
    <a href="javascript:void(0)" class="viewComments">Comments:</a> <span class="badge cntComments">2</span>
    <span class="pull-right">
        <button class="btn btn-default btn-xs">Delete</button>&nbsp;&nbsp;
        <button class="btn btn-default btn-xs">Add</button>
    </span>
</div>

我正在尝试使用jQuery使用类“ cntComments”来获取跨度的文本（因此在这种情况下，它应该返回“ 2”），但是当我发出警告时，它总是向我显示空白警报。我也尝试使用“ parent（）”而不是“ closest（）”，但这也不起作用。

我在这里做错了什么？

我的jQuery：

$(document).on('click', '.viewComments', function() {
    var cntComments = $(this).closest('div.panel-footer').find('cntComments').text();
    alert(cntComments);
    // ...
});

Answer 1

您在查找方法中缺少类选择器.：

Answer 2

您忘记了.find('cntComments')类别选择器的.find('.cntComments')更改为.