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 example

例如，单击第二个链接将返回[“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
     */
})

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

3 个答案: