Question

我维护（但没有开发）在其博客页面上有评论表格的ASP网站。添加注释后，页面将显示一个使用“comments-wrap”类设置的新div。如果还没有评论，则该div将不会出现。它不是我们的ID，因为最终可能会在页面上出现多条评论。

除非脚本检测到“comments-wrap”类的存在，否则我想在页面中添加一个新的div（可能使用＆amp; nbsp或样式display：none）。 / p>

例如，让我们调用新的div。我希望它一直出现在页面上（例如），但是当在页面上检测到“comments-wrap”类时，空格会变为“Previous Comments”。

到目前为止，我有：

<script>
function myFunction() {
if ($(".comments-wrap")[0]) { 
document.getElementById("comments-previous").innerHTML="Previous Comments";
}
}
}
</script>

Answer 1

如果您使用jquery使用.length来查找当前匹配的元素数

<script>
   $(document).ready(function(){
       if ($(".comments-wrap").length) { 
          $("#comments-previous").html('Previous Comments');
       }
   });
</script>

修改

<!DOCTYPE html> <html> <head> <title>Untitled</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script> $(document).ready(function(){ if ($(".comments-wrap").length) { $("#comments-previous").html('Previous Comments'); } }); </script> </head> <body> <div class="comments-wrap"></div> <div id="comments-previous"></div> </body> </html>

javascript来检测div类的存在并更改不同div的innerHTML，如果为true

1 个答案: