идентификаторы jquery с пробелами

Question

Кто-нибудь знает, как выбрать элемент в DOM по идентификатору с помощью jQuery, когда этот идентификатор имеет пробел?

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

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

Как бы я выбрал это с JQuery?

Если я просто сделаю

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

jQuery попытается найти элемент с идентификатором контента и идентификатором модуля, а это не то, что я ищу.

Я должен добавить, что я работаю со старой базой кода, в которой эти два идентификатора слова используются широко, так что проходить и менять все идентификаторы было бы плохо.

Answer 1

Хотя технически недопустимо иметь пробел в значении атрибута 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 селекторов, поэтому вы можете использовать $('#content\\ module'); для выбора элемента с помощью id="content module".

Чтобы нацелить элемент в CSS, вы можете избежать его следующим образом:

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