caracteres especiales en id de etiquetas html

Question

En código html Estoy usando el código <input type = "text" id = "abc@def.com"> para obtener el texto ahora necesita obtener el valor que se ingresa en el campo de texto. Estoy usando jQuery para hacer eso:

$(document).ready(function() { 
    $(".bid").click(function() { 
     idVal = this.id 
     bidID = "#" + idVal + "bid" 
     spanID = "#" + idVal + "cbid" 
     bidValue = $(bidID).val(); 

     alert(idVal) 
     alert(bidID) 
     alert(bidValue) //this alert says undefined 
     $(spanID).html(' ').load('{% url online_machines %}?id=' + idVal + '&bidvalue=' + bidValue); 
    }); 
}); 

Al hacer esto me sale el error indefinido valor. Traté de eliminar los caracteres especiales de la identificación para obtener su valor. Pero necesito la identificación con caracteres especiales. ¿Cómo puedo obtener su valor usando jquery?

Answer 1

Trate de otra:

$('#abc\\@def.com').val(); 

primer párrafo del http://api.jquery.com/category/selectors/

Answer 2

Dar comillas simples a ambos lados de la identificación, así:

$('#abc@def.com').val() 

Answer 3

tener un tiro en esto, no al 100% sobre si esto es lo que buscas. Hágamelo saber:

$(document).ready(function() { 
    $(".bid").click(function() { 
     idVal = $(this).attr('id'); 
     bidID = "#" + idVal + "bid"; 
     spanID = "#" + idVal + "cbid"; 
     bidValue = bidID.val(); 

     alert(idVal); 
     alert(bidID); 
     alert(bidValue); 
     spanID.html(' ').load('{% url online_machines %}?id=' + idVal + '&bidvalue=' + bidValue); 
    }); 
}); 

Answer 4

En lugar de tratar de ID usando #, probar esto para que coincida con el atributo de este tipo,

$('[id=ID]') 

o

$('[id='+ID+']') 

así que en vez de

bidID = "#" + idVal + "bid" 

puedes probar

bidID = "[id=" + idVal + "bid]" 

Answer 5

$(document.getElementById('abc@def.com')) también funciona.

Answer 6

Parece que JQuery tiene un método útil para esto a partir de la versión 3 llamada escapeSelector.

$('#' + $.escapeSelector(my_id_with_special_chars));

https://api.jquery.com/jQuery.escapeSelector/