Jquery 选择器获取所有带有 ID 模式的选择下拉列表

Question

使用 jquery 迭代 ID 与模式匹配的所有选择下拉列表的最简单方法是什么。例如:

<select id="begin_1_end">...</select>

<select id="begin_32_end">...</select>

<select id="begin_42_end">...</select>

<select id="dontgetme_2_end">...</select>

<select id="begin_12_dontgetme">...</select>

仅迭代前 3 个选择。

Answer 1

尝试使用 attribute-starts-with-selector/

$('select[id^="begin"]').each(function () {
    console.log(this.id);
});

或者你可以使用attribute-ends-with-selector

$('select[id$="end"]').each(function () {
    console.log(this.id);
});

更新

要选择前 3 个，您可以像这样使用 :lt(3)

$('select[id^="begin"]:lt(3)').each(function () {
    console.log(this.id);
});

DEMO

更新

要组合选择器，您可以这样做

$('select[id^="begin"][id$="end"]').each(function () {
    console.log(this.id);
});

DEMO

如果您想选择一个 id 以 begin OR end 开头的元素，您可以使用 , 来获取两个不同的选择器

$('select[id^="begin"],select[id$="end"]').each(function () {
    //                ^
    console.log(this.id);
});

DEMO