Question

我想在jQuery的警报中获取clicked元素的文本。见下面的例子 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元素的文本： / p>

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。

Answer 2

不要使用这么多点击事件，只需更轻松：1.7.4

这有效：

＆＃13;

jQuery(".asp_res_url").click(function() {});

＆＃13;

jQuery(".asp_res_url").click(function() {
event.preventDefault();
alert( jQuery(this).text().trim());
});

＆＃13;

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

2 个答案: