【JavaScript】ある要素の2番目の子要素を非表示にする
例えば、以下のソースの、2番目のimgタグを非表示したい場合
<div id="example">
<img src="sample.jpg" alt="" />
<img src="sample2.jpg" alt="" />
</div>
JavaScriptを使用して、画面ロード時に非表示にすることができます。
<script type="text/javascript">
$(function(){
var setImg = '#example';
$(setImg + ' :first-child').next('img').css({opacity:'0'});
});
</script>
<div id="example">
<img src="sample.jpg" alt="" />
<img src="sample2.jpg" alt="" />
</div>
JavaScriptを使用して、画面ロード時に非表示にすることができます。
<script type="text/javascript">
$(function(){
var setImg = '#example';
$(setImg + ' :first-child').next('img').css({opacity:'0'});
});
</script>
コメント
コメントを投稿