javascript - Dom 操作不起作用

原文 标签 javascript jquery dom

我编写了以下代码以在 5 秒后删除具有 rc-anchor-pt 类的元素(如果它存在于 DOM 中),

checkContainer();

counter = 1;
function checkContainer () {

    alert("checkContainer");
    $('.rc-anchor-pt').remove();
    $('.rc-anchor-logo-portrait').append('<a href=\"http://www.un.org/en/aboutun/privacy/\" target=\"_blank\">Privacy &amp; Terms</a>');
      if($('.rc-anchor-pt').is(':visible')){ //if the container is visible on the page
          var privacy = $('.rc-anchor-pt').find('a');

              } else {
          if (counter === 1)
         {
            setTimeout(checkContainer, 5000); //wait 50000 ms, then try again
            counter++;
         }
      }
 }

但是下面的行没有从 DOM 中删除元素。你能告诉我是什么原因吗?在此先感谢。我在 document.ready 中运行该元素仅存在于页面中 -
$('.rc-anchor-pt').remove();

最佳答案

我不太确定你想用你的代码来完成什么。您在问题中声明您希望在 5 秒后从 DOM 中删除一个元素......您应该能够使用以下代码完成此操作:

$('.rc-anchor-logo-portrait').append('<br><a href=\"http://www.un.org/en/aboutun/privacy/\" target=\"_blank\">Privacy &amp; Terms</a>');  

setTimeout(function(){
     $('.rc-anchor-pt').remove();
}, 5000); 

您的代码布局方式,rc-anchor-pt上课会从不可见。到时候就真的没有目的了。如果你想要 append函数也可以在 5 秒后运行,只需将其放在 setTimeout 函数中即可。

这是一个 fiddle :https://jsfiddle.net/1399u65t/3/

关于javascript - Dom 操作不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40246214/

相关文章:

algorithm - CSS和DOM是如何在浏览器中实现的?

javascript - jQuery追加和加引号

javascript - 在函数内部修改变量后,为什么变量未更改? -异步代码引用

javascript - 如何在 React/JSX 中手动创建数组中设置键?

Javascript/jQuery - 使用正则表达式解析字符串中的主题标签,URL 中的 anchor 除外

javascript - $.get 响应没有 responseJSON 方法,但是当我在 Chrome 开发工具中绑定(bind)它时,它可以吗?

javascript - Javascript标签数据,单击即可显示

c# - 无法连接到集线器类

javascript - Spotify Web API出现问题

c# - 用户名的正则表达式?