为什么不清除我的div?(JavaScript和Jquery)

克里斯蒂安

当单击按钮时,我的testResults()功能被触发。它会按div原样创建我希望每次单击按钮时都清除#parent div。但它只会在您第一次单击时执行。第二次单击#parent div不会清除,div而是仅附加的。

这是我的代码:

// DECLARATIONS
var searchActive = false,          
    emailAddresses = [],
    firstName,
    lastName,
    domainName;

// MAIN FUNCTION

function testResults (form) {
    // TRYING TO DELETE INNERHTML EVERYTIME SOMEONE CLICKS

    // VARIANT 1 --> NOT WORKING
    document.getElementById("parent").innerHTML = "";

    // VARIANT 2 --> NOT WORKING
    $( "#parent" ).html("");

    // VARIANT 3 --> NOT WORKING ASWELL
    var div = document.getElementById('parent');
    while(div.firstChild){
        div.removeChild(div.firstChild);
    }

    // CHECK IF ALL FIELDS ARE FILLED IN (INCOMPLETE)
    if (!form.firstName.value) {
        alert("Bitte fülle alle Felder aus!");
    }
    if (! form.lastName.value) {
        alert("Bitte fülle alle Felder aus!");
    }
    if (! form.domainName.value) {
        alert("Bitte fülle alle Felder aus!");
    }

    // SAVE VALUES FROM THE FIELDS
    firstName = form.firstName.value;
    lastName = form.lastName.value;
    domainName = form.domainName.value;

    // STRING MODIFICATIONS
    firstName = firstName.toLowerCase();
    firstName = firstName.replace(/ä/g,"ae").replace(/ö/g,"oe").replace(/ü/g,"ue");

    lastName = lastName.toLowerCase();  
    lastName = lastName.replace(/ä/g,"ae").replace(/ö/g,"oe").replace(/ü/g,"ue").replace(/ß/g,"ss");


    // ADD ADDRESSES TO ARRAY
    emailAddresses.push(firstName + "." + lastName + "@" + domainName);
    emailAddresses.push(firstName + "@" + domainName);


    // ITERATE OVER ARRAY, CREATE A DIV FOR EACH EMAILADDRESS
    for (i = 0; i < emailAddresses.length; i++) { 
        $( "#parent" ).append( "<div class='alert alert-info'>" + emailAddresses[i] + "</div>");
    }

}

即使我尝试了3种不同的变体,为什么还不能清除#parent div?控制台也为空。

jsfiddle链接:http//jsfiddle.net/zdeahcqc/

您没有清除阵列。emailAddresses = []; 它工作正常http://jsfiddle.net/zdeahcqc/5/

        function testResults (form) {
 emailAddresses = [];

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么清除不清除?

来自分类Dev

为什么“清除”不清除整个屏幕?

来自分类Dev

为什么不清除模型值?

来自分类Dev

为什么flock不清除锁定文件?

来自分类Dev

为什么数组保存最后的数据却不清除?

来自分类Dev

为什么os.system('cls')不清除最近的输出?

来自分类Dev

为什么数组保存最后的数据却不清除?

来自分类Dev

如果我不清除stringstream,会发生什么?

来自分类Dev

将文本设置为字符串后,为什么我的文本框不清除文本?

来自分类Dev

为什么我不能使用javascript清除输入字段?

来自分类Dev

为什么我不能使用javascript清除输入字段?

来自分类Dev

为什么“ \ b”不清除左侧的一个字符?

来自分类Dev

为什么我无法清除setInterval?

来自分类Dev

为什么我无法清除setInterval?

来自分类Dev

为什么我无法通过jquery和javascript获取label的值?

来自分类Dev

为什么从onsubmit调用JS函数会清除我的表单和控制台?

来自分类Dev

为什么我不能清除apache2.2-bin和apache2.2-common?

来自分类Dev

为什么我不能使用jQuery设置div背景?

来自分类Dev

为什么我的Jquery Slide div总是始终显示在开头

来自分类Dev

为什么jQuery设置我的div动画以显示:无?

来自分类Dev

为什么我的Jquery Slide div总是始终显示在开头

来自分类Dev

为什么我的jquery固定div无法正常工作?

来自分类Dev

为什么我不能用 jQuery 删除这些 div?

来自分类Dev

为什么内部div试图清除其他div?

来自分类Dev

为什么我不能使用插件和jQuery UI?

来自分类Dev

jQuery不清楚div

来自分类Dev

为什么我的PHP和Javascript更改没有显示?

来自分类Dev

为什么我无法控制 setinterval 和 clearinterval javascript?

来自分类Dev

Javascript&Jquery为什么我的animate()无法正常工作?

Related 相关文章

  1. 1

    为什么清除不清除?

  2. 2

    为什么“清除”不清除整个屏幕?

  3. 3

    为什么不清除模型值?

  4. 4

    为什么flock不清除锁定文件?

  5. 5

    为什么数组保存最后的数据却不清除?

  6. 6

    为什么os.system('cls')不清除最近的输出?

  7. 7

    为什么数组保存最后的数据却不清除?

  8. 8

    如果我不清除stringstream,会发生什么?

  9. 9

    将文本设置为字符串后,为什么我的文本框不清除文本?

  10. 10

    为什么我不能使用javascript清除输入字段?

  11. 11

    为什么我不能使用javascript清除输入字段?

  12. 12

    为什么“ \ b”不清除左侧的一个字符?

  13. 13

    为什么我无法清除setInterval?

  14. 14

    为什么我无法清除setInterval?

  15. 15

    为什么我无法通过jquery和javascript获取label的值?

  16. 16

    为什么从onsubmit调用JS函数会清除我的表单和控制台?

  17. 17

    为什么我不能清除apache2.2-bin和apache2.2-common?

  18. 18

    为什么我不能使用jQuery设置div背景?

  19. 19

    为什么我的Jquery Slide div总是始终显示在开头

  20. 20

    为什么jQuery设置我的div动画以显示:无?

  21. 21

    为什么我的Jquery Slide div总是始终显示在开头

  22. 22

    为什么我的jquery固定div无法正常工作?

  23. 23

    为什么我不能用 jQuery 删除这些 div?

  24. 24

    为什么内部div试图清除其他div?

  25. 25

    为什么我不能使用插件和jQuery UI?

  26. 26

    jQuery不清楚div

  27. 27

    为什么我的PHP和Javascript更改没有显示?

  28. 28

    为什么我无法控制 setinterval 和 clearinterval javascript?

  29. 29

    Javascript&Jquery为什么我的animate()无法正常工作?

热门标签

归档