javascript - 删除 Javascript 中的元素列表

Question

考虑以下代码。在 "videos_list" 元素 i 中有一个元素列表，我在 "couple"变量中获得这些元素。我正在尝试删除所有具有 "ai" 不同于 "list_couple" 属性的元素(为了测试我只放了一个元素)。问题是，当他找到该元素时，他并没有删除找到的元素之后的其他元素。

举例说明这个想法:考虑列表 ("x", "r", "t", "b", "h", "p") 和 id ="t"。

他正在做的是 ("_", "_", "t", "b", "h", "p")。

他应该做 ("_", "_", "t", "_", "_", "_") 或 ("t").

为什么“i”的值在找到元素后在 0 和 1 之间切换？我在示例中使用 alert() 函数看到了这一点。我相信问题出在“while”循环中。

var clicked = 0;
var interval = setInterval(function( ) {

    var list_couple = new Array("2583521"),
    clicks = 1,
    videos = document.getElementById( "videos_list" ),
    couple = videos.getElementsByTagName( "a" );

    var i = 0;
    while( i < couple.length ) {
        var flag = 0;
        //alert(i);// To see the value of the i.
        for(j = 0; j < list_couple.length; j++) {
            if((couple[i].getAttribute( "ai" )) == list_couple[j]) {
                flag = 1;// Element found.
                i++;
                break;
            }
        }
        if( !flag ) {
            videos.removeChild( couple[i].parentNode );
        }
    }

    document.getElementById('btnMoreVideos').click();// Click on the button.
    clicked++;
    if(clicked >= clicks) {
        clearInterval( interval );
    }
}, 1000);

我做错了什么？

Answer 1

我认为你的问题是因为 i++ 应该在你的 for 语句之外。

while( i < couple.length ) {
    var flag = 0;
    //alert(i);// To see the value of the i.
    for(j = 0; j < list_couple.length; j++) {
        if((couple[i].getAttribute( "ai" )) == list_couple[j]) {
            flag = 1;// Element found.
            //i++;
            break;
        }
    }
    if( !flag ) {
        videos.removeChild( couple[i].parentNode );
    }
    i++;
}