PHPコマンドによって作成されたセットの最初のものを取得しようとし<div>
ています.divが作成された後、関数を機能させたり実行したりできないようです。
<div>
ページが読み込まれると、php は 5 秒を作成し、最初の 1 つを非表示にしたいと考えています。
これがあなたを助けるために私が作った例です:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>StackOverflow :: Help</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('div.mydiv:first').hide();
});
</script>
</head>
<body>
<?php
echo "<div class='mydiv'>DIV 1</div>";
echo "<div class='mydiv'>DIV 2</div>";
echo "<div class='mydiv'>DIV 3</div>";
echo "<div class='mydiv'>DIV 4</div>";
echo "<div class='mydiv'>DIV 5</div>";
?>
</body>
</html>
この例を試すと、ページの読み込み時に最初の div が実際に非表示になっていることがわかります。これがお役に立てば幸いです。
次のようにして、各divに次のようなクラスを与えることができます。
<div class="mydiv"></div>
その後、jQueryを使用すると、次のように最初のdivを非表示にできます。
$(document).ready(function() {
$('div.mydiv:first').hide();
});
あなたがユニークを持っているならid
、あなたは次のように要素に到達することができます:
<div id="div1"></div> <!--get this div -->
<div id="div2"></div>
$('#div1').hide();
それ以外の場合、sのグループに関連付けられたクラス名がある場合は<div>
、次のように最初のクラス名にアクセスできます。
<div class="myClass"></div> <!--get this div -->
<div class="myClass"></div>
$('.myClass')[0].hide();
またはがない場合class
はid
、次の<div>
ようにアクセスできます。var myDiv = $('div')[i];
ここで、は、Webページ内のすべてのを配列に順番に配置する場合に必要なi
のゼロベースのインデックス番号です。たとえば、アクセスするのがページで発生する2番目のdivである場合、次を使用してアクセスします。<div>
<div>
<div>
var myDiv = $('div')[1];
<div id="randomDiv"></div>
<div></div> <!--get this div -->
<div></div>
$('div')[1].hide();
お気づきかもしれませんが、、、、およびJQueryで要素を選択する方法は、CSSでそれらの項目を参照する方法と同じですid
。class
tag