javascriptのコード
<script type="text/javascript"><!-- $(function(){ $("a+span").css("backgroundColor","yellow"); }); //--></script>
htmlのコード
<h1>a08.指定したエレメントの兄弟要素にアクセス</h1> <div id="header"> 私が作った<span>クリップ&バッチ</span> </div> <div> <a href="img/200906281613.jpg"><img src="img/200906281613_s.gif" title="バッチ" /></a><span>バッチ</span> <a href="img/200906281611.jpg"><img src="img/200906281611_s.gif" title="クリップ" /></a><span>クリップ</span> <a href="img/200906281616.jpg"><img src="img/200906281616_s.gif" title="クリップ" target="newPage" /></a><span>クリップ</span> <a href="img/200906281618.jpg"><img src="img/200906281618_s.gif" title="クリップ" /></a><span>クリップ</span> </div> <div id="footer" class="note"> <span>インベーダー</span>のバッチは私がデザインしました </div> <p class="note"> <span>(注意)</span>クリップのキャラクターはでこぼこフレンズのメロディーヌです </p>