Làm thế nào để có được ID của nguyên tố nhấp với jQuery

Question

Tôi có html sau:

<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.... */ 

và kịch bản jQuery sau:

$(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; 
    }); 

}); 

của pagerlink 'liên kết kiểm soát là để Cycle jQuery slideshow. Nếu tôi trao đổi dòng này:

$container.cycle(id); 

cho điều này

$container.cycle(7); 

nó hoạt động ... (rõ ràng là chỉ điều hướng để trượt số 7). Vì vậy, câu hỏi của tôi là làm thế nào tôi có thể nhận ID của liên kết được nhấp và chuyển nó vào dòng đó?

Cảm ơn trước!

Answer 1

ID của bạn là #1, và cycle chỉ muốn một số truyền cho nó. Bạn cần phải xóa # trước khi gọi cycle.

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

Ngoài ra, ID không được chứa ký tự #, ID không hợp lệ (ID số cũng không hợp lệ). Tôi đề nghị thay đổi ID thành một cái gì đó như 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; 
}); 

Answer 2

Id của bạn sẽ được chuyển qua như # 1, # 2 vv Tuy nhiên, # không hợp lệ dưới dạng ID (ID tiền tố bộ chọn CSS có #).

Answer 3

Bạn chỉ cần loại bỏ các hash từ đầu:

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

Answer 4

Trước hết bạn không thể có chỉ là một số cho id của bạn trừ khi bạn đang sử dụng DOCTYPE HTML5. Thứ hai, bạn cần phải hoặc là loại bỏ cáC# trong mỗi id hoặc thay thế nó với điều này:

$container.cycle(id.replace('#',''));