change - jquery val

Cómo obtener la identificación del elemento cliqueado con jQuery

Question

Tengo el siguiente 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.... */

y el siguiente script 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;
});
});

el control de enlaces ''pagerlink'' está en la presentación de diapositivas de jQuery Cycle. Si cambio esta línea:

$container.cycle(id);

para esto

$container.cycle(7);

funciona ... (obviamente solo navegando hacia la diapositiva número 7). Entonces, mi pregunta es ¿cómo puedo recoger el ID del enlace al que se hace clic y pasarlo a esa línea?

¡Gracias por adelantado!

Answer 1

En primer lugar, no puede tener solo un número para su ID a menos que esté usando el DOCTYPE HTML5. En segundo lugar, debe eliminar el # en cada identificación o reemplazarlo con esto:

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

Answer 2

Solo necesita eliminar el hash desde el principio:

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

Answer 3

Su id se pasará como # 1, # 2, etc. Sin embargo, # no es válido como ID (ID de prefijo de selectores CSS con #).

Answer 4

Sus ID son #1 , y el cycle solo quiere que se pase un número. Debe eliminar el # antes del cycle llamada.

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

Además, los ID no deben contener el carácter # , no es válido (los ID numéricos tampoco son válidos). Sugiero cambiar la ID a algo así como 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;
});