javascript - 如何使用 jquery 返回链接的值？

Question

我有以下结构的链接：

<a href="#" class="loadpage">1.1</a>
<a href="#" class="loadpage">1.2</a>
<a href="#" class="loadpage">1.3</a>

当用户单击此链接时，我希望能够返回单击的正确链接并解析出“。”之前和之后的值。有关如何使用 jquery 执行此操作的任何建议？

$('.loadpage').click(function(){
alert('test');

});

Answer 1

$('.loadpage').click(function(){
    var vals = $(this).text().split('.');
});

jsFiddle 示例

例如，单击第二个链接会返回一个 ["1", "2"] 数组。

Answer 2

您可以使用this

$('.loadpage').click(function(){
    console.log($(this).attr("href")); <--Logs the href
    console.log($(this).attr("value")); <--Logs the value (is value a valid attr of a?)
    console.log($(this).text()); <--Logs the link text

    var parts = $(this).text().split("."); <--I believe you want this
});

Answer 3

$( '.loadpage' ).click( function(){

    var 
          t = $( this ),
          tv1 = t.text().split( '.' )[ 0 ],
          tv2 = t.text().split( '.' )[ 1 ];

     /*
          now you have you values ready to use
     */
})