오늘 탭을 작성할 때 jquery에서 .each()를 사용해야 합니다. 다음 블록의 표시를 용이하게 하려면 각각()에서 인덱스 매개변수를 가져와서 li 요소의 번호를 가져와야 합니다. 페이지 확인 다음 코드: 코드 복사 코드는 다음과 같습니다. 탭 <br> ul,li{목록 스타일: 없음;여백: 0px;}<br> li{float: 왼쪽;너비: 80px; 높이: 30px; 배경색: #ccc; 테두리: 2px 솔리드 #fff;text-align:center; #content{clear:left; 너비:336px; 배경색: #999; #content div{표시: 없음}<br> #content .consh{display: block;}<br> #title .titsh{배경색: #999;테두리:2px 단색 #999;색상:#fff}<br> </스타일><br> <script type="text/javascript" src="jquery.js"></script><br> <script type="text/javascript"><br> $(함수(){<br> $("li").each(function(index){<br> $(this).mouseover(function(){<br> $("#title .titsh").removeClass("titsh");<br> $("#content .consh").removeClass("consh");<br> $(this).addClass("titsh");<br> $("#content>div:eq(" index ")").addClass("consh");<br> })<br> ~ })<br> <br> </머리><br> <br> <div id="tab"><br> <div id="title"><br> ~ ~ > > ~ ~ <li>옵션 2</li><br> ~ ~ <li>옵션 3</li><br> ~ ~ <li>옵션 4</li><br> </ul><br> > <div id="content"><br> <div class="consh">콘텐츠 1</div><br> > > > </div><br> </div><br> </본문><br> </div>
