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”类的span的文本（所以在这种情况下它应该返回“2”）但是当我提醒它时它总是显示我空白警报。我也尝试使用“parent（）”而不是“nearest（）”，但这也不起作用。

有人可以告诉我这里做错了吗？

我的jQuery：

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

非常感谢任何帮助，蒂姆。

Answer 1

将.find('cntComments')更改为.find('.cntComments')您忘记了.班级选择器

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

Demo

Answer 2

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

var cntComments = $(this).closest('div.panel-footer').find('.cntComments').text();

<强> Working Demo

jQuery：最近和父/找不到某个div

2 个答案: