jQuery: xử lý một khoảng trống trong thuộc tính id

Question

Tôi có một phần tử có id = "A B". Các mã sau không:

<input type="text" id="A B"> 
<script>$("#A B").click(function(){alert();});</script> 

đoạn mã sau không thất bại:

<input type="text" id="AB"> 
<script>$("#AB").click(function(){alert();});</script> 

Answer 1

Trong khi đó là kỹ thuật không hợp lệ để có một không gian trong một ID giá trị thuộc tính trong HTML (xem @ câu trả lời karim79 của) , bạn thực sự có thể chọn nó bằng cách sử dụng jQuery.

Xem http://mothereffingcssescapes.com/#A%20B:

<script> 
    // document.getElementById or similar 
    document.getElementById('A B'); 
    // document.querySelector or similar 
    $('#A\\ B'); 
</script> 

jQuery sử dụng một cú pháp Selectors API giống như, vì vậy bạn có thể sử dụng $('#A\\ B'); chọn một thành phần với id="A B".

Để nhắm mục tiêu các phần tử trong CSS, bạn có thể thoát khỏi nó như thế này:

<style> 
    #A\ B { 
    background: hotpink; 
    } 
</style> 

Answer 2

 
ID tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods ("."). 

Đó quote được kéo từ một stackoverflow câu trả lời: jquery IDs with spaces

Answer 3

Cả HTML4 và cũng không HTML5 cho phép các ký tự khoảng trắng trong các giá trị thuộc tính ID.

HTML 4,01 bang spec mà thẻ ID phải bắt đầu bằng một lá thư ([A-Za-z]) và có thể được theo sau bởi bất kỳ số lượng chữ cái, chữ số ([0-9]), dấu gạch nối (-), dấu gạch dưới (_), dấu hai chấm (:) và dấu chấm (.). Đối với thuộc tính lớp, không có giới hạn nào như vậy. Tên lớp có thể chứa bất kỳ ký tự nào và chúng không phải bắt đầu bằng một chữ cái để hợp lệ.

HTML5 loại bỏ các hạn chế bổ sung đối với thuộc tính id. Yêu cầu chỉ còn lại - ngoài việc là duy nhất trong tài liệu - là rằng giá trị phải chứa ít nhất một ký tự (không được để trống), và không được chứa bất kỳ ký tự khoảng trắng nào.

Nguồn:

http://mathiasbynens.be/notes/html5-id-class

Answer 4

Khi họ nói bạn không nên sử dụng khoảng trống trong id. Nhưng dù sao, điều này sẽ không hiệu quả với bạn?

$("[id='A B']").click(...) 

EDIT: có nó hoạt động, đã kiểm tra !!! Đừng giết tôi, những người yêu tiêu chuẩn !! ;-p

Answer 5

Không nên có không gian trong một id, nhưng điều này dường như công trình:

$("[id=A B]")