Javascript 如何使用jQuery获取单击的元素文本？

我想在jQuery的警报中获取clicked元素的文本。见下面的例子

但当我第一次单击时，会显示空警报，当我单击第二次时，会显示值，但会显示两次警报。并保持增量警报

任何帮助都将不胜感激

---

提前感谢

因为您的所有链接都嵌入到

h3

元素中，所以您可以在jQuery中更具体地检索另一个元素中类名为

的所有
h3
元素。结果如下所示：

jQuery(".results h3").click(function() {

其次，在您的代码中，您使用了两个单击函数。。。这是不必要的。使用上面的代码行。。单击类名为
.results
的元素中的
h3
元素后，您可以轻松地获取该
h3
元素的文本，如下所示：

jQuery(".results h3").click(function(event) {
    event.preventDefault();
    var text = jQuery(this).text(); // 'this' refers to the h3 element that you clicked.. not the div with the class .results
    alert(text.trim());
});

这是可行的。
由于所有链接都嵌入到
h3
元素中，因此您可以在jQuery中更具体地检索另一个元素中类名为
的所有
h3
元素。结果如下所示：

jQuery(".results h3").click(function() {

其次，在您的代码中，您使用了两个单击函数。。。这是不必要的。使用上面的代码行。。单击类名为
.results
的元素中的
h3
元素后，您可以轻松地获取该
h3
元素的文本，如下所示：

jQuery(".results h3").click(function(event) {
    event.preventDefault();
    var text = jQuery(this).text(); // 'this' refers to the h3 element that you clicked.. not the div with the class .results
    alert(text.trim());
});

这里是工作。
不要使用那么多点击事件，只是更简单：
jQuery（.asp\u res\u url”）。点击（函数（）{}

这项工作：


jQuery（“.asp\u res\u url”）。单击（函数（）{
event.preventDefault（）；
警报（jQuery（this.text（）.trim（））；
});
不要使用太多的点击事件，只是更简单：
jQuery（“.asp\u res\u url”）。点击（function（）{}）

这项工作：


jQuery（“.asp\u res\u url”）。单击（函数（）{
event.preventDefault（）；
警报（jQuery（this.text（）.trim（））；
});

像这样吗？为什么设置
单击
上的
事件。结果
？它只需要点击获取
h3
的文本即可。另外，如果您想防止重定向到链接，您应该在function.Great上设置
event
。当我添加event.preventDefault（）时，这种方法非常有效；请参阅jsFiddle，它工作正常。但是当我将它添加到wordpress标题event.preventDefault（）中时，代码是相同的；不工作，我重定向到另一个页面。像这样吗？为什么设置
单击
上的
事件。结果
？它只需要点击获取
h3
的文本即可。另外，如果您想防止重定向到链接，您应该在function.Great上设置
event
。当我添加event.preventDefault（）时，这种方法非常有效；请参阅jsFiddle，它工作正常。但是当我将它添加到wordpress标题event.preventDefault（）中时，代码是相同的；不工作，我重定向到另一个页面。这很好。但是event.preventDefault（）；在我的wordpress网站上不工作。当它在JSFIDLE中工作时。有什么想法吗？嗯，在你问题中提供的代码中。。您没有将
事件
包含在您的单击函数中：
。单击（函数（事件）
这很好。但是event.preventDefault（）；不在我的wordpress网站上工作。它在JSFIDLE中工作。有什么想法吗？好吧，在你问题中提供的代码中..你没有在你的点击函数中包含
事件
。点击（函数（事件）