javascript - 查找以变量结尾的元素

Question

在我的搜索中，我发现了很多关于如何查找以特定 字符串结尾的元素的问题/答案。我进行了快速搜索，但没有找到任何关于如何查找以变量结尾的元素的具体信息。我确实找到了 this question/answer关于如何在 jQuery 选择器中使用 Javascript 变量的一般信息，但我无法让它工作，我想知道这是否是因为我正在尝试处理一组我已经过滤到的元素。

以下是我已经过滤的元素的一些 id:

["ms-goal-select-0", "ms-goal-input-0", "ms-goal-select-1", "ms-goal-input-1", "ms-goal-select-2", "ms-goal-input-2"]

这是我想用来查找和处理选择和输入元素的 for 循环(开始):

for (var x=0;;x++) { //will break when element(s) not found
    selectEl = filteredElements.find('[id$="select-' + x + '"]');
    inputEl = filteredElements.find('[id$="input-' + x + '"]');
    ....

但是当x==0时上面没有找到从第一次迭代开始的元素。我做错了什么？

Answer 1

尝试使用 filter 而不是 find:

for (var x=0;;x++) { //will break when element(s) not found
    selectEl = filteredElements.filter('[id$="select-' + x + '"]');
    inputEl = filteredElements.filter('[id$="input-' + x + '"]');
    ....

Find 仅查找 filteredElements 中元素的匹配子元素，而 filter 查找元素本身。