jquery - 如何使用 jQuery 获取点击元素的 ID

Question

我有以下 html:

<a href="#" id="#1" class="pagerlink" >link</a>
<a href="#" id="#3" class="pagerlink" >link</a>
<a href="#" id="#2" class="pagerlink" >link</a>
/*etc.... */

和以下 jQuery 脚本:

$(document).ready(function() {
    
    var $container = $('.gallery_r').cycle({ 
        fx:     'scrollHorz', 
        speed:   500, 
        timeout: 0 
    }); 
    
    $('a.pagerlink').click(function() { 
        var id = $(this).attr('id');
        $container.cycle(id); 
        return false; 
    }); 
    
});

“pagerlink”链接控件指向 jQuery Cycle 幻灯片。如果我交换这一行:

$container.cycle(id); 

为此

$container.cycle(7); 

它有效。 (显然只是导航到第 7 号幻灯片)。所以，我的问题是如何获取被单击链接的 ID 并将其传递到该行？

Answer 1

您的 ID 是 #1，而 cycle 只需要传递一个数字给它。您需要在调用cycle之前删除#。

$('a.pagerlink').click(function() { 
    var id = $(this).attr('id');
    $container.cycle(id.replace('#', '')); 
    return false; 
});

此外，ID 不应包含 # 字符，它是无效的(数字 ID 也无效)。我建议将 ID 更改为 pager_1 之类的内容。

<a href="#" id="pager_1" class="pagerlink" >link</a>

$('a.pagerlink').click(function() { 
    var id = $(this).attr('id');
    $container.cycle(id.replace('pager_', '')); 
    return false; 
});