specjalne znaki w id tagów html

Question

W kodzie html używam kodu <input type = "text" id = "abc@def.com">, aby uzyskać tekst teraz trzeba uzyskać jego wartość, która jest wprowadzana w polu tekstowym. Używam jquery, aby to zrobić:

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

W ten sposób otrzymam błąd wartości niezdefiniowany. Próbowałem usunąć znaki specjalne z identyfikatora, aby uzyskać jego wartość. Ale potrzebuję id ze specjalnymi znakami. Jak mogę Mam jego wartość za pomocą jquery?

Answer 1

Przymierz niej ucieczki:

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

Pierwszy akapit http://api.jquery.com/category/selectors/

Answer 2

Daj apostrofów na obu bokach id, tak:

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

Answer 3

Mają szansę na to, nie w 100%, czy to jest to, czego szukasz. Daj mi znać:

$(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

Zamiast próbować na ID za pomocą #, spróbuj dopasować atrybut tak,

$('[id=ID]') 

lub

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

więc zamiast

bidID = "#" + idVal + "bid" 

można spróbować

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

Answer 5

$(document.getElementById('abc@def.com')) również działa.

Answer 6

Wygląda JQuery posiada użyteczną metodę to od wersji 3 o nazwie escapeSelector.

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

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