Question

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

<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为以“ OR ”结尾的元素，则可以使用,执行此操作以获取两个不同的选择器

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

DEMO

Answer 2

使用属性starts with selector，然后使用.each()来迭代它们

$('select[id^=begin_]').each(function(){...})

Answer 3

尝试使用attribute starts with selector

  $("select[id^='begin_'").each(function(){
  //your stuff
  })

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

3 个答案: