0

私は、ブログ ページにコメント フォームがある ASP サイトを管理しています (開発はしませんでした)。コメントが追加されると、ページにはクラス「comments-wrap」でスタイル設定された新しい div が表示されます。まだコメントがない場合、その div はまったく表示されません。ページに複数のコメントが存在する可能性があるため、ID ではありません。

スクリプトが「comments-wrap」クラスの存在を検出しない限り、空のページに新しい div を追加します (  またはスタイル display:none を使用する可能性があります)。

例として、新しい div を呼び出してみましょう。常にページに存在するようにしたいのですが (例: )、ページで「comments-wrap」クラスが検出されると、スペースが「前のコメント」に変わります。

これまでのところ、私は持っています:

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

1 に答える 1

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>
于 2012-10-12T01:54:28.610 に答える