$ (selector) .index (필터 선택기)가 잘못된 결과를 반환하는 이유는 무엇입니까?

Question

나는

[ 
<div data-role=​"page" id=​"home" class=​"home ui-page ui-body-c" tabindex=​"0" style=​"min-height:​ 548px;​">​…​</div>​ 
, 
<div data-role=​"page" id=​"login" class=​"login ui-page ui-body-c ui-page-active" tabindex=​"0" style>​…​</div>​ 
] 

인 변수 pages

pages = $("[data-role=page]:not([data-url])"); 

을하지만 pages.index(".ui-page-active")를 사용할 때 나는 -1 얻을 - 잘못된 결과. 적절한 결과 - 나는 pages.index(".ui-page")을 검색 할 때

는 그러나, 나는 1 얻을.

아이디어가 있으십니까?

UPDATE :

pages.index($('.ui-page-active')) 반환 1 - 적절한 결과! 그렇다면 the selector option은 왜 작동하지 않습니까?

Answer 1

.index() 방법은 통과 선택기의 모든 요소 사이에 그것을 위해 먼저 현재 선택의 요소와 검색을합니다. 내가 할 때

It may help to look at the responsible code

See the docs

그래서 :

$('.a').index('.b'); 

그것은 당신에게 모든 내 최초의 .a 요소의 인덱스를 줄 것이다는 .b 요소를 발견했다.

// Find '.ui-page' within the '[data-role=page]:not([data-url])' set: 
$('.ui-page').index('[data-role=page]:not([data-url])'); 

그러나 이것은 단지 당신이 전달 셀렉터에 일치하는 요소의 첫 .ui-page 요소에 대해 살펴 보겠습니다 참고 :

그것은 당신이 원하는 것은 그래서 아마도 당신이 무엇을 반대 것 같다 index(...).