Jquery点击锚点并获得价值

时间:2014-02-26 16:24:19

标签: jquery html

我有这些由PHP脚本生成的锚点:

<a href="#" class="remFile"> Leaf </a>
<a href="#" class="remFile"> Flower </a>
<a href="#" class="remFile"> Branches </a>
<a href="#" class="remFile"> Seeds </a>

我需要点击例如花和警报“花”;

我使用了jquery:

alert( $(".remFile").html()); // output 1st item "Leaf" on any anchor clicked

我也尝试过:

alert( $(".remFile").text()); // output all values on any anchor clicked

如果不可能,请您提出一些其他解决方案吗?喜欢使用&lt; li> ?

6 个答案:

答案 0 :(得分:3)

$('a.remFile').click(function(){ alert($(this).text()) })

<强> jsFiddle example

答案 1 :(得分:2)

您可以使用$(this)定位当前点击的锚点以及 text() 来获取锚点的文字:

$('a.remFile').click(function(e) {
    e.preventDefault(); // Prevent default action of your anchor which will reload the page
    alert($(this).text());
});

<强> Fiddle Demo

答案 2 :(得分:1)

只需使用它来引用当前锚点

alert($(this).text();

$('a').click(function(){
alert($(this).text());
});

Fiddle

答案 3 :(得分:1)

$(".remFile").click(function(){ alert($(this).html())});

答案 4 :(得分:1)

使用此 -

$('.remFile').click(function(e) {
   e.preventDefault(); // or return false;
   alert($(this).html());
});

现场演示:click here

答案 5 :(得分:0)

我可以理解你想要这样做:

$(".remFile").click(function(){
    alert($(this).html());
});