ký tự đặc biệt trong id của thẻ html

Question

Trong mã html Tôi đang sử dụng mã <input type = "text" id = "abc@def.com"> để nhận văn bản bây giờ, bạn cần nhận được giá trị của nó được nhập vào trường văn bản. Tôi đang sử dụng jquery để làm điều đó:

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

Bằng cách này tôi nhận được lỗi giá trị không xác định. Tôi đã cố xóa các ký tự đặc biệt khỏi id để lấy giá trị của nó. Nhưng tôi cần id với các ký tự đặc biệt. Làm thế nào có thể Tôi nhận được giá trị của nó bằng cách sử dụng jquery?

Answer 1

Cố gắng thoát nó:

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

đoạn Trước http://api.jquery.com/category/selectors/

Answer 2

Đưa dấu nháy đơn cho cả hai bên của id, như thế này:

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

Answer 3

Có một shot này, không 100% cho dù đây là những gì bạn đang sau. Hãy cho tôi biết:

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

Thay vì cố gắng cho ID sử dụng #, hãy thử này để phù hợp với thuộc tính như thế này,

$('[id=ID]') 

hoặc

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

nên thay vì

bidID = "#" + idVal + "bid" 

bạn có thể thử

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

Answer 5

$(document.getElementById('abc@def.com')) cũng hoạt động.

Answer 6

Dường như JQuery có phương pháp hữu ích cho điều này kể từ phiên bản 3 được gọi là escapeSelector.

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

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