时间戳

首页 > 解决方案 > 在代码等于给定文本时显示 div

javascript - 在代码等于给定文本时显示 div

问题描述

我现在有这个错误的javascript代码。我想lds-roller在文本id = searchFor等于时显示 div_ 

(function() {

  if ($("#searchFor").text() === "_") {
    $('.lds-roller').show();
  }
})();

<div class="lds-roller"><div></div><div></div><div>
</div><div></div><div></div><div></div><div></div><div></div></div>
 <p>
     <span class=""> 

      <span class="">
             <a href="{% pageurl post %}#disqus_thread" id="searchFor"> _
            </a>
      </span>
   </span>
 </p>

例如，在 10 秒后，似乎有一个 HTTP 响应要更改_为1。发生这种情况时，我不想lds-roller在帖子中看到。

.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;

}

标签： javascriptjquery

解决方案

 $(document).ready(function() {
   if ($("#searchFor").text() === "_") 
   {
       $('.lds-roller').css('display','block');
   }
});

ready() 方法用于在加载文档后使函数可用。一旦页面 DOM 准备好执行 JavaScript 代码，您在 $(document).ready() 方法中编写的任何代码都将运行。

完整答案

<style>
    .lds-roller {
        display: none
    }
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="searchFor">dsfds_</div>
<div class="lds-roller">Hi I'm lds-roller!</div>

<script>
    (function() {
          if ($("#searchFor").text() === "_") {
            $('.lds-roller').css('display','block');
          }
        })();
</script>

推荐阅读