获取单击div的内容

Question

我有一个带有相同css类（.nav_div）的div，在导航栏中各有不同的文本。它们的设置如下：

<div class=nav_div>Contact</div>...

我将所有这些div设置为在点击任何内容时输入一个函数：

$('.nav_div').click(nav_is_clicked);

在函数nav_is_clicked()中，我想存储在名为div_text的变量中单击的div的内容，但是我遇到了麻烦。这不起作用：

var div_text = $(this).contents().text();

如何从点击的div中获取文本？

感谢。

Answer 1

只需使用text()即可。 contents()为您提供“匹配元素集中每个元素的子元素，包括文本和注释节点。”，这不是您想要的。

$('.nav_div').click(nav_is_clicked);

function nav_is_clicked() {
    var div_text = $(this).text();
}

修改

您的原始代码看起来确实有效：http://jsfiddle.net/SLVEs/

您是否在元素存在之前绑定了单击处理程序（就像加载页面之前一样）？