Supongamos que tengo un div con ID '$ abc'. ¿Cómo lo selecciono usando jQuery? A continuación se muestra el fragmento de código de muestra.
function abc(){ $('#$abc').text('abc') } abc(); <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script> <div id="$abc"></div>Cuando intento ejecutar esto, aparece un error en la consola como este:
Uncaught Error: Syntax error, unrecognized expression: #$abc at Function.ga.error (jquery-3.1.1.slim.min.js:2) at ga.tokenize (jquery-3.1.1.slim.min.js:2) at ga.select (jquery-3.1.1.slim.min.js:2) at Function.ga [as find] (jquery-3.1.1.slim.min.js:2) at r.fn.init.find (jquery-3.1.1.slim.min.js:2) at r.fn.init (jquery-3.1.1.slim.min.js:2) at r (jquery-3.1.1.slim.min.js:2) at abc (fiddle.jshell.net/:46) at window.onload (fiddle.jshell.net/:48)Puedes hacerlo como a continuación: -
function abc(){ $('div[id="$abc"]').text('abc'); } abc(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script> <div id="$abc"></div> Nota: esto se llama selectores [attribute|=value]
Referencia:- Todos los posibles selectores
puedes usar esto:
$('[id="$abc"]').text('abc');Debe escapar $ colocando dos barras invertidas delante de él, intente con el siguiente código:
function abc(){ $('#\\$abc').text('abc') } abc();Consulte este documento para obtener más información.