Найти общий элемент внутри div с определенным идентификатором

Question

У меня есть следующий скрипт:

<div>
  <p id="example1"></p>
  <div></div>
  <p id="example2"></p>
  <div></div>
  <p id="example3"></p>
  <p id="example4"></p>
  <p id="example5"></p>
</div>

Можно ли написать функцию jquery для определения общего количества идентификатора элемента, соответствующего этому ключевому слову "example", когда страница загружена?

Заранее спасибо!

Answer 1

Регистрация отъезда:

alert($("div p[id^='example']").length);

НАЖМИТЕ ЗДЕСЬ, ЧТОБЫ ВИДЕТЬ ДЕМО

или

см. Эту ссылку Селекторы JQuery

, где вы можете использовать селекторы в соответствии с вашими потребностями.

Answer 2

Сухи ответил вам правильно.

Фрагмент кода: p[id^='emample'] подразумевает, что любой p начинается с "примера" слова в атрибуте id.

Но что, если вы хотите проверить условие «заканчивается»?Просто замените ^ на $, и ваш код будет выглядеть примерно так: p[id$='1'], чтобы выбрать любой идентификатор, который имеет "1" в конце.

Answer 3

Использовать атрибут содержит функции селектора:

$('p[id*="example"]').length;