javascript - 如何使用 jQuery 获取被点击的元素文本？

Question

我想在 jQuery 的警报中获取单击元素的文本。请参阅下面的示例 https://jsfiddle.net/pymd4n04/2/

jQuery(".results").click(function() {
event.preventDefault();
    jQuery(this).find('h3').click(function() {
      var text = jQuery(this).text();
console.log(text.trim());
alert(text.trim());
    });
});

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

如有任何帮助，我们将不胜感激。

提前致谢

Answer 1

因为您的所有链接都嵌入 h3 内您可以在 jQuery 中更具体地检索所有元素 h3类名为 .results 的另一个元素内的元素像这样:

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

其次，在您的代码中您使用了两个点击函数...这是没有必要的。使用上面的代码行..一旦您单击 h3类名为 .results 的元素内的元素那么你可以轻松地抓取 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());
});

这里正在工作 JSFiddle .