JQuery index() 메소드 사용법 code_jquery

학생부 홈페이지에는 19개의 리피터 컨트롤이 있습니다. 6개의 div 블록 간 탭 전환.

탭 전환 시 메소드를 하나씩 작성할 수 없습니다. (코드는 다음과 같습니다...)

코드 복사 코드는 다음과 같습니다.

$(function()
{
$("#tabs a:eq(0),#tabs2 a:eq (0),#dbt_l_t_tabs a :eq(0),#dbt_r_t_tabs a:eq(0)").addClass("m_on");
$("#tabs a:gt(0),#tabs2 a: gt(0),#dbt_l_t_tabs a:gt(0),#dbt_r_t_tabs a:gt(0)").addClass("m_out");
$("#tabs a,#tabs2 a,#dbt_l_t_tabs a, #dbt_r_t_tabs a").each (function(){
$(this).mouseover(function(){
if($(this).hasClass("m_out"))
{
var ab=$(this) .closest("li").closest("div").attr("id")
var ulid="ul_" ab
var arra=$("# " ab " a");
var e=arra.index($(this));
$("#" ab " a").removeClass("m_on").addClass("m_out") ;
$(this ).removeClass("m_out").addClass("m_on")
$("#" ulid " ul").hide()
$("#" ulid " ul:eq(" e ")").show();
}
})
})
})

23번째 줄의 할당은 다음을 사용합니다. JQuery의 인덱스 메소드. 객체에서 객체 요소의 인덱스 값을 찾습니다.
공식 설명: $('li').index($('#bar')); 여기서 index 매개변수는 작은따옴표를 사용합니다. 테스트 중에는 항상 실패합니다. . 이유를 모르겠어요. 나중에 $(this)가 위치한 객체가 먼저 직접 정의됩니다: var arra=$("#" ab "a");.
색인이 성공적으로 반환될 수 있습니다.
다음 탭 중 하나입니다

코드 복사 코드는 다음과 같습니다.

;div class=" w1bg">

뉴스

;div class="w1bg">

< ;div class="w336" id="ul_tabs">

• [팀장 교육] 팀장 교육 공지2010-05-17


• [리그의 날 활동] 본교 청년동맹위원회 학교는 학문적 스타일을 구축하는 주요 활동을 수행합니다2010-05-17< /li>
  

>