Рассматривает селекторы CSS3 (например, см. Эту веб-страницу ).Вы можете использовать следующий селектор:
div[id*="foo"]
, и вы выберете все div, которые содержат подстроку "foo" в идентификаторе.
Однако, если вам нужны только div сid, начинающийся с «foo», используйте
div[id^="foo"]
Если вы измените id вашего div'а следующим образом:
<div id="foo-bootoo"><div>
<div id="foo-woohoo"><div>
<div id="foo-doowoo"><div>
<div id="soo-bootoo"><div>
, вы можете использовать:
div[id|="foo"]
выбрать все элементы div, идентификатор которых начинается с foo, а остальная часть id отделена дефисом (таким образом, только первые три).
Более того, если вы переставите id ваших элементов div следующим образом (то есть, поместив подстроку "foo" в конце идентификатора):
<div id="bootoofoo"><div>
<div id="woohoofoo"><div>
<div id="doowoofoo"><div>
<div id="bootoosoo"><div>
вы можете использовать:
div[id$="foo"]
, чтобы выбрать все элементы div, идентификатор которых заканчивается на foo (т.е. только первые три).
Стоит упомянуть, что есть и другие селекторы, но, похоже, они соответствуют вашим потребностям.