Home/ Questions/Q 8674789
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T19:47:27+00:00

I maintain (but didn’t develop) ASP site that has a comments form on its

  • 0

I maintain (but didn’t develop) ASP site that has a comments form on its blog pages.
When a comment is added, the page shows a new div styled with the class “comments-wrap”. If there is no comments yet, that div won’t appear at all. It doesn’t us an ID because there may end up being multiple comments on the page.

I want to add a new div to the page(s) that is empty (maybe using a &nbsp or the style display:none) unless the a script detects the presence of the “comments-wrap” class.

For example’s sake, lets call the new div . I’d like it to be present on the page all of the time (eg.  ), but the space changes to “Previous Comments” when the “comments-wrap” class is detected on the page.

So far I have:

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you are using jquery use .length to find the number of elements currently matched

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

    Edit

    <!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>
    • 0