单击Javascript以获取超链接的ID

Question

我想知道如何在点击相应链接时将当前超链接ID设置为隐藏字段。 html控件代码如下：

<a href="#TB_inline?height=155&width=300&inlineId=hiddenModalContent" class="thickbox" id="ExpressionsLink"
          title="Create expression column" onclick="keepID()">Add Expressions Model</a> 
           <a href="#TB_inline?height=155&width=300&inlineId=hiddenModalContent" class="thickbox" id="AggregateMethodLink"
          title="Create aggregate column">Add Aggregate Methods</a><input id="HiddenIdHolder" 
          type="hidden" />

我需要点击隐藏字段'HiddenIdHolder'的链接ID。

的Javascript

 function keepID() {
     var hiddenInput = document.getElementById("HiddenIdHolder");
     hiddeninput.value= ? // What can i do here to get the id?
 }

Answer 1

this指的是元素本身。的 Example on jsFiddle

onclick="keepID(this)"

然后

function keepID(element)
{
    var hiddenInput = document.getElementById("HiddenIdHolder");
    hiddeninput.value = element.getAttribute("id");
}

Answer 2

使用jQuery：

$('a').click(function() {
    $('#HiddenIdHolder').val($(this).attr('id'))
})

Answer 3

您应该修改HTML以提供KeepID函数的参数：

<a href="#xxx" onclick="KeepID(this);">ooxx</a>

请注意，在调用KeepID函数时应该提供this参数，然后在KeepID函数中，您可以从参数中访问此元素：

function KeepID(src) {
    document.getElementById("HiddenIdHolder").value = src.id;
}