Tìm phần tử DOM theo ID khi ID chứa dấu ngoặc vuông?

Question

Tôi có một phần tử DOM với một ID tương tự như:

something[500] 

được xây dựng bởi Ruby on Rails ứng dụng của tôi. Tôi cần để có thể có được yếu tố này thông qua jQuery để tôi có thể đi qua con đường của tôi lên DOM để xóa cha mẹ của nó cha mẹ, trong đó có một ID biến mà tôi không có quyền truy cập trước.

Có ai biết cách tôi có thể thực hiện việc này không? Các mã sau đây dường như không có tác dụng:

alert($("#something["+id+"]").parent().parent().attr("id")); 

Sau khi kiểm tra hơn nữa, như sau:

$("#something["+id+"]") 

trả về một đối tượng, nhưng khi tôi chạy ".html()" hoặc" .text() "trên đó, kết quả luôn là null hoặc chỉ là một chuỗi rỗng.

Mọi trợ giúp sẽ được đánh giá cao.

Answer 1

Bạn cần phải thoát khỏi các dấu ngoặc vuông để chúng không được tính là bộ chọn thuộc tính. Hãy thử điều này:

alert($("#something\\["+id+"\\]").parent().parent().attr("id")); 

See Special Characters In Selectors, đặc biệt là đoạn thứ hai:

Để sử dụng bất kỳ siêu ký tự (ví dụ như !"#$%&'()*+,./:;<=>?@[\]^``{|}~) như là một phần đen của một tên, nó phải được thoát ra với với hai dấu gạch chéo ngược: \\. Ví dụ: một phần tử có id="foo.bar", có thể sử dụng công cụ chọn $("#foo\\.bar"). Đặc tả CSS của W3C chứa complete set of rules regarding valid CSS selectors. Cũng hữu ích là mục blog của Mathias Bynens trên CSS character escape sequences for identifiers.

Answer 2

Hãy thử điều này:

alert($("#something\\["+id+"\\]").parent()[0].parent()[0].attr("id")); 

Answer 3

Dấu ngoặc vuông có ý nghĩa đặc biệt để jQuery selectors, thuộc tính lọc đặc biệt.

Chỉ cần thoát khỏi những điều này và nó sẽ tìm thấy nguyên tố của bạn tốt

$("#something\\[" + id + "\\]") 

Answer 4

Một id không thể bao gồm dấu ngoặc vuông. Đó là forbidden by the spec.

Một số trình duyệt có thể sửa lỗi và đối phó, nhưng bạn nên sửa dữ liệu thay vì cố xử lý dữ liệu xấu.

Answer 5

Bạn có thể thoát khỏi chúng bằng cách sử \\ hoặc bạn có thể làm một cái gì đó như thế này ...

$(document.getElementById("something[" + id + "]")) 

Answer 6

Bạn cũng có thể làm

$('[id="something['+id+']"]') 

Answer 7

"Bất cứ các meta-nhân vật

!"#$%&'()*+,./:;<=>?@[\]^`{|}~ 

là một phần chữ của tên, nó phải được thoát bằng hai dấu gạch chéo ngược: \\.

Ví dụ, một phần tử với id = "foo.bar", có thể sử dụng bộ chọn

$("#foo\\.bar") 

"[nguồn: jquery doc], và một phần tử với id =" foo [thanh]"(thậm chí mặc dù không hợp lệ cho W3C nhưng công nhận bởi JQuery), có thể sử dụng bộ chọn

$("#foo\\[bar\\]") 

(Chỉ cần một asnwer như nhiều người khác, nhưng tất cả cùng nhau :))