选择以“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[id^="abc"][id$="xyz"]');

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

Answer 3

使用过滤器：

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