正在获取上次单击的HTML书签

Question

是否可以通过javascript/jquery获取上次点击的html书签？

下面是html:

<a href="#div1">div1</a>
<a href="#div2">div2</a>

DIV1如下：

<div id="div1">
    DIV 1 - Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.
<div>

DIV1如下：

<div id="div2">
    DIV 2 - Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.</p><p>Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.
<div>

jsFiddle样本

我想要一个javascript函数，我可以调用它来告诉我是否点击了书签，以及实际点击了哪个书签。

Answer 1

您需要在方法中找到某种标识符。我刚刚使用了您链接的HTML内容：div1和div2。

JSFiddle

$("a").click(function(){
    alert("Clicked "+$(this).html()) 
});

有很多方法可以做到这一点。根据您想要显示的内容，您可以始终设置链接的属性，然后使用jQuery查找该特定属性。

<a href="#div1" display="You clicked div 1!">Div 1</a>
$("a").click(function(){
    alert($(this).attr("display"));
});

Answer 2

JSFIDDLE演示

$('a').click(function () {
    alert("You clicked" + this.href); // Will give you the full link
});

JSFIDDLE演示2

alert("You clicked " + this.href.split('#')[1]); //Will give just the div id

Answer 3

试试这个。

var bookmarkID;
$(document).ready(function(){
    $('a').click(function(){
    bookmarkID = $(this).attr('href').split('#')[1];
        console.log(bookmarkID);
    });
});

在这种情况下，您可以获得变量bookmarkID中的最后一个书签。

Fiddle