javascript - 如何在 "each"循环中更改选择器结果

Question

我有这个代码:

var elementSelector = 'select.myClass';
$(elementSelector).each(function(i){
    /*
     * if (several conditions return true) {
     */
        doSomeDOMChanges(); //Change the DOM and add several more <select class="myClass">
    /*
     * }
     */
});

问题是，在那个循环中，$(elementSelector) 没有被重新计算，并且它的大小在整个循环中保持不变。例如，$(elementSelector).length 将保持 18，即使它实际上在第 4 次迭代中增加到 20。

我的问题是，如何强制 JQuery 在下一次迭代中重新选择 $(elementSelector)(当然，无需“重置”循环/重复之前的迭代)。

谢谢。

Answer 1

用属性或某些类标记使用过的类，并选择哪些未使用

var elementSelector = $('select.myClass:not[data-used=1]');
$(elementSelector).each(function(i){

    $(this).data('used', 1)
    if (several condition return true) {
        doSomeDOMChanges(); //Change the DOM and add several more <select class="myClass">
     }


});