ідентифікатори jquery з пробілами

Хтось знає, як вибрати елемент у DOM за ідентифікатором за допомогою jQuery, коли в цьому ідентифікаторі є пробіл?

Наприклад, ідентифікатор мого предмета буде

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

Як би я вибрав це за допомогою jQuery?

Якщо я просто роблю

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

jQuery спробує знайти елемент як з ідентифікатором вмісту, так і з ідентифікатором модуля, який я не шукаю.

Варто додати, що я працюю зі старою базою коду, де ці два ідентифікатори слова широко використовуються, тому проходження та зміна всіх ідентифікаторів буде поганим.

Використовуйте селектор атрибутів.

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

Або, краще, також вкажіть тег:

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

Зауважте, що на відміну від $ ('# id'), це поверне декілька елементів, якщо на вашій сторінці є кілька елементів з тим самим ідентифікатором.

Не використовуйте пробіли, причина цього проста, пробільний символ не є дійсним для атрибута ID.

Токени ідентифікаторів повинні починатися з літери ([A-Za-z]) і може супроводжуватися будь-якою кількістю літер, цифр ([0-9]), дефісів ("-"), підкреслення ("_"), колонок (":") та періоди (".").

Але якщо ти не дбаєш про стандарти, спробуй $("[id='content Module']")

Подібна нитка> Які дійсні значення для атрибута id у HTML?

Редагувати: чим ідентифікатор відрізняється між HTML 4.01 та HTML5

HTML5 позбавляється від додаткових обмежень на атрибут id. Залишилися єдині вимоги, окрім унікальності в документі, - це те, що значення повинно містити принаймні один символ (не може бути порожнім) та що воно не може містити символів пробілу.

Посилання: http://mathiasbynens.be/notes/html5-id-class

На всякий випадок, коли комусь цікаво, я виявив, що втеча з космосу спрацює. Це особливо корисно, коли ви не маєте контролю над цільовим DOM (наприклад, зсередини користувача):

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

Зверніть увагу на подвійний нахил, який необхідний.

Запропонований Кріс метод може бути адаптований для роботи з функціями jQuery.

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

Ідея спробувати:

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

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

Точка з комою може спричинити помилку javascript. Я також рекомендую змінити ідентифікатор, щоб не було пробілів.

Також спробуйте document.getElementByID("content Module")

Це працювало для мене.

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

Хоча технічно невірно мати пробіл у значенні атрибута ID у HTML , ви можете його фактично вибрати за допомогою jQuery.

Дивіться http://mothereffingcssescapes.com/#content%20module :

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

jQuery використовує синтаксис, схожий на API Selectors, тому ви можете $('#content\\ module');вибрати для цього елементid="content module" .

Щоб націлити на елемент у CSS, ви можете його уникнути так:

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

це може працювати, якщо ви хочете, щоб елемент мав точне значення для id

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

але якщо ви хочете перевірити, чи є в елементі лише один із них (як і клас) з іншими або без ідентифікаторів

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

це буде вибрати елемент , якщо він має id="content"або id="content Module"абоid="content Module other_ids"

Я виявив для мого випадку, що втеча не працює, оскільки він замінює пробіли на% 20. Я замість цього використовував заміну, наприклад, щоб замінити h1 сторінки текстом елемента списку. Якщо меню містить:

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

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

У мене виникли проблеми з ідентифікаторами елементів, що містять коми та / або пробіли в jQuery, тому я це зробив, і це спрацювало як шарм:

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

Тут є пробіли і не працює:

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

У ньому є кома і не працює:

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

Уникнення будь-яких символів різного характеру на селекторі (разом із пробілами) .

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>