> 웹 프론트엔드 > JS 튜토리얼 > JQuery index() 메소드 사용법 code_jquery

JQuery index() 메소드 사용법 code_jquery

WBOY
풀어 주다: 2016-05-16 18:25:51
원래의
1037명이 탐색했습니다.

학생부 홈페이지에는 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">



관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿