jQuery - 获取以特定字符串开头和结尾的输入框和下拉框元素的id

Question

我已经找到如何获取元素的ID以aName开头且以EditMode结尾，示例如下：jQuery选择器匹配ID开头和结尾? $('[id ^=aName][id $=EditMode]') 我还发现如何获取输入框和下拉框元素，示例如下：jQuery查找输入框类型(包括下拉框) $('input, select'); 如何将两者结合起来，以获取所有ID以aName开头且以EditMode结尾的输入框和下拉框元素？

- Reema

Answer 1

使用.filter()方法

将匹配的元素集合减少到与选择器匹配或通过函数测试的元素。

$('input, select').filter('[id^=aName][id$=EditMode]')....

或者，组合选择器

$('input[id^=aName][id$=EditMode], select[id^=aName][id$=EditMode]').....

- Satpal

---

使用过滤器可能是最好的方法 :) 也要注意：标签选择器比属性选择器更有效，因此始终首先按标签名称选择，然后使用属性进行过滤：请参见 https://dev59.com/-mw15IYBdhLWcg3wkMjz - Terry

Answer 2

您可以使用 jquery filter() 方法：

$('input,select').filter('[id ^=aName][id $=EditMode]')

请见下方演示：

console.log($('input,select').filter('[id ^=aName][id $=EditMode]').get());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="aName_1_EditMode"/>
<input type="text" id="aName_2_EditMode"/>
<input type="text" id="aName_3_EditMode"/>
<input type="text" id="aName_3_"/>
<input type="text" id="3_EditMode"/>

<select type="text" id="aName_4_EditMode">
  <option value="1">1</option>
  <option value="2">2</option>
</select>

- kukkuz