Таблица существует, но возвращает 0 при проверке

Question

Я создал таблицу HTML с определенным идентификатором, но когда я пытаюсь проверить, существует она или нет, она возвращает 0.

<table border = "1px"cellpadding="0" cellspacing="1" width="100%" id="Evolución_Depósitos_a_Plazo_+_Restringidos" %> style="background: none repeat scroll 0% 0%;font-size:12px;">
  <thead>
    <td align="center" colspan="17">Evolución_Depósitos_a_Plazo_+_Restringidos</td>
    <tr>
      <td class="center"></td>
      <td align="center" colspan="13">Evolución Tasa de Morosidad </td>
      <td align="center" colspan="3">Variacion %</td>
    </tr>
  </thead>
  <tbody></tbody>
</table>

. Я использовал этот код, чтобы проверить, он существует: $ ('table # Evolución_Depósitos_a_Plazo _ + _ Restringidos'). length

Однако это возвращает 0. Помощь высоко ценится. Спасибо.

Answer 1

Проблема связана с символом + в селекторе, который имеет специальное значение . Вы должны выйти из него, используя \\.

Также обратите внимание, что ваш HTML недействителен. Первый td должен быть в пределах tr.

console.log($('table#Evolución_Depósitos_a_Plazo_\\+_Restringidos').length);

table {
  background: none repeat scroll 0% 0%;
  font-size: 12px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border="1px" cellpadding="0" cellspacing="1" width="100%" id="Evolución_Depósitos_a_Plazo_+_Restringidos">
  <thead>
    <tr>
      <td align="center" colspan="17">Evolución_Depósitos_a_Plazo_+_Restringidos</td>
    </tr>
    <tr>
      <td class="center"></td>
      <td align="center" colspan="13">Evolución Tasa de Morosidad </td>
      <td align="center" colspan="3">Variacion %</td>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>