Identyfikatory jquery ze spacjami

Czy ktoś wie, jak wybrać element w DOM według identyfikatora z jQuery, gdy ten identyfikator ma spację?

Na przykład identyfikator mojego przedmiotu to

<div id="content Module">Stuff</div>

Jak mam to wybrać w jQuery?

Jeśli po prostu to zrobię

$("#content Module").whatever() 

jQuery spróbuje znaleźć element z zarówno identyfikatorem zawartości, jak i identyfikatorem modułu, co nie jest tym, czego szukam.

Powinienem dodać, że pracuję ze starą bazą kodu, w której te dwa identyfikatory słów są szeroko używane, więc przeglądanie i zmienianie wszystkich identyfikatorów byłoby złe.

Użyj selektora atrybutu.

$("[id='content Module']").whatever();

Lub, lepiej, określ również tag:

$("div[id='content Module']").whatever();

Zwróć uwagę, że w przeciwieństwie do $ ('# id'), to zwróci wiele elementów, jeśli masz wiele elementów o tym samym identyfikatorze na swojej stronie.

Nie używaj spacji, przyczyna jest prosta, znak spacji nie jest prawidłowy dla atrybutu ID.

Tokeny identyfikacyjne muszą zaczynać się od litery ([A-Za-z]) i mogą po nich następować dowolne litery, cyfry ([0-9]), łączniki („-”), podkreślenia („_”), dwukropki („:”) i kropki („.”).

Ale jeśli nie dbasz o standardy, spróbuj $("[id='content Module']")

Podobny wątek> Jakie są prawidłowe wartości atrybutu id w HTML?

Edycja: jak identyfikator różni się między HTML 4.01 a HTML5

HTML5 pozbywa się dodatkowych ograniczeń atrybutu id. Jedyne wymagania, jakie pozostały - poza tym, że są unikalne w dokumencie - to, że wartość musi zawierać co najmniej jeden znak (nie może być pusta) i nie może zawierać żadnych znaków spacji.

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

Na wypadek gdyby ktoś był ciekawy, odkryłem, że ucieczka z kosmosu będzie działać. Jest to szczególnie przydatne, gdy nie masz kontroli nad docelowym DOM (np. Z poziomu skryptu użytkownika):

$("#this\\ has\\ spaces");

Zwróć uwagę na podwójny lewy ukośnik, który jest wymagany.

Metoda sugerowana przez Chrisa może być prawdopodobnie przystosowana do pracy z funkcjami jQuery.

var element = document.getElementById('content Module');
$(element) ... ;

Pomysł do wypróbowania:

$("#content" +   + "Module").whatever()

$("#content" + %20 + "Module").whatever()

Średnik może spowodować błąd javascript. Zalecam również zmianę ID, aby nie było spacji.

Spróbuj też document.getElementByID("content Module")

To zadziałało dla mnie.

document.getElementById(escape('content Module'));

Chociaż z technicznego punktu widzenia spacja w wartości atrybutu identyfikatora w HTML jest niepoprawna , w rzeczywistości można ją wybrać za pomocą jQuery.

Zobacz http://mothereffingcssescapes.com/#content%20module :

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

jQuery używa składni podobnej do interfejsu API Selectors, więc możesz użyć $('#content\\ module');do wybrania elementu za pomocą id="content module".

Aby wskazać element w CSS, możesz uniknąć tego w następujący sposób:

<style>
  #content\ module {
    background: hotpink;
  }
</style>

może to zadziałać, jeśli chcesz, aby element miał dokładną wartość identyfikatora

$("[id='content Module']").whatever();

ale jeśli chcesz sprawdzić, czy element ma tylko jeden z nich (tak jak class) z innymi identyfikatorami lub bez nich

$("[id~='content']").whatever();

spowoduje to wybranie elementu, jeśli ma id="content"lub id="content Module"lubid="content Module other_ids"

W moim przypadku stwierdziłem, że ucieczka nie zadziałała, ponieważ zastępuje spacje% 20. Zamiast tego użyłem zamiany, aby np. Zamienić h1 strony na tekst elementu listy. Jeśli menu zawiera:

<li id="Contact Us"\>Contact Us</li>

function setTitle(menu) {
    $("h1").text( $("li#" + menu.replace(" ", "\\ ")).text() );
}

Miałem problemy z identyfikatorami elementów zawierającymi przecinki i / lub spacje w jQuery, więc zrobiłem to i zadziałało to cudownie:

var ele = $(document.getElementById('last, first'));

Ma spacje i nie działa:

var ele = $('#last, first');

To ma przecinek i nie działa:

var ele = $('#last,first');

Zmiana znaczenia dowolnego innego znaku na selektorze (wraz ze spacjami) .

var escapeSelector = function(string) {
  string = string||"";
  if (typeof string !== 'string') return false;
    return string.replace( /(:|\.|\[|\]|,|=|@|\s|\(|\))/g, "\\$1" );

}
console.log($("div[data-id="+escapeSelector("Document (0).json")+"]").text());   

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div data-id="Document (0).json">Howdy</div>