javascript - jQuery - 如何确定点击了哪个链接

Question

我有一个简单的 PHP 片段，它生成以下代码的 n 个副本:

<p class="ShowSDB_L2" class="center" onClick="FSD_L2('<?php print dbG;?>','<?php print $sLID;?>')">Click Here to See Data</p>   
<div class="divSDB_L2">
</div>

它是使用 PHP 生成的，因此事先不知道副本的数量。

在另一个页面上我有以下 Javascript(使用 jQuery)

function FSD_L2(dbG,SlID)
    {
        $(".divSDB_L2").load("test15.php?dbG="+dbG+"&SlID="+SlID).css('display','block');
    }

单击上面的文本(单击此处查看数据)时，应在两个 DIV 标记之间添加 test15.php 的内容。

#Test15.php
<?php
$dbG = $_GET['dbG'];
$SlID = $_GET['SlID'];

print $dbG . " & " . $SlID;
?>

我遇到的问题是如何确定点击了哪个链接？目前如果我有3个副本，点一个，三个副本都激活。

希望我已经说得够清楚了。我确信一定有一种简单的方法，但我对 Javascript/jQuery 还很陌生。

Answer 1

正如 Brian 所说，您可以将相同的类放在所有链接上，并在 jQuery 中的点击函数内使用 $(this) 关键字来找出点击了哪个链接。

这是使用此技术更改导航中链接颜色的基本示例:http://jsfiddle.net/9E7WW/

HTML:

<a class="nav">Test</a>
<a class="nav">Test2</a>
<a class="nav">Test3</a>
<a class="nav">Test4</a>

Javascript:

$(document).ready(function(){
    $('.nav').click(function(){
        // change all to black, then change the one I clicked to red
       $('.nav').css('color', 'black');
        $(this).css('color', 'red');
    });
});