Выбор элемента, который начинается с «abc» и заканчивается на «xyz»

Question

У меня есть элементы на моей странице с идентификаторами типа «abc_1_2_3_xyz». Как выбрать элемент в JQuery, который начинается с «abc» и заканчивается на «xyz»?

$('div[id^="abc"], div[id$="xyz"]'); 

Answer 1

Вы можете использовать 2 селектора атрибутов.

$('div[id^="abc"][id$="xyz"]'); 

Answer 2

Используйте фильтр:

$('div') 
    .filter(function() { 
     return this.id.match(/^abc+xyz$/); 
    }) 
    .html("Matched!") 
; 

Answer 3

Попробуйте следующее:

$('div[id^="abc"][id$="xyz"]'); 

http://api.jquery.com/multiple-attribute-selector/