jQuery 선택자가 변덕스러운 경우

Question

방금 ​​지난 2 일 동안 jQuery를 배웠으므로이 기능에 익숙하지 않습니다.

간단한 탐색 사이드 바를 만들려고합니다. 막대를 표로 만들었고 사용자가 특정 셀 위로 가면 해당 셀이 켜지고 다른 하위 탐색 막대가 원래 막대 옆에 나타납니다.

원본 막대가 머리글 바로 아래에 나타납니다. 따라서 사용 된 구문은 다음과 같습니다.

var headerHeight = $('#headerTable').height(); 
$('#selectStart').offset({left: 0, top: headerHeight}); 
.... 
<table id="selectStart" class="selector1"> 
    <tr><td id="sel1Projects" class="selector1"> 
.... 

지금까지는 그렇게 좋았습니다. 이제는 사용자가 해당 테이블을 클릭하면 해당 하위 탐색 모음이 첫 번째 탐색 모음의 오른쪽에 즉시 나타나도록하고 싶습니다. 그래서 나는 그것을 테스트하기 위해 두 개의 새 테이블 썼다 :

<table id="selectProjects" id="table2" class="selector2" class="table2"> 
<tr><td id="sel2Project1" class="selector2"> 
.... 
<table id="selectDevelopment" id="table2" class="selector2" class="table2"> 
<tr><td id="sel2Dev1" class="selector2"> 

을하지만이에 대한 선택기는 목에 진짜 고통되고있다. 방금하면

var select1Width = $('#selectStart').width(); 
$('#selectProjects').offset({left: select1Width, top: headerHeight}); 
$('#selectDevelopment').offset({left: select1Width, top: headerHeight}); 

완벽하게 작동합니다. 그러나 이것은 아주 좋은 코딩이 아닙니다. 모든 비슷한 테이블을 그룹화하여 모든 방식으로 배치 할 수 있어야합니다. 그런 다음 사용자가 그 당시 볼 수있게하려는 테이블 만 표시 할 수 있습니다.

$('.selector2').offset(...) 

는 지금까지 모든 테이블을 선택하는 것과 잘 작동하지만 그들은 모두 스타일링을 위해 동일한 클래스를 공유하기 때문에 또한, 같은 장소에있는 모든의를 둔다. 그러나 지금까지, 이것은 내가 기대했던 것입니다.

$('.selector2 table').offset(...) 

이 클래스의 테이블을 선택하는 것이 좋습니다. 그것은 아무 것도하지 않았습니다. 내가 타이핑하는 방식에 문제가 있습니까? 약간의 좌절감을 느낀 후에 두 번째 클래스 인 "table2"를 각 클래스에 추가했습니다.

$('#table2').offset(...) 

아직 없습니다. 그래서 새로운 클래스를 추가했습니다.

$('.table2').offset(...) 

Nothing; 그러나 셀렉터 2가 공유하는 다른 클래스를 사용하면 효과가 있습니다. 테이블을 개별적으로 선택했을 때 원하는 결과를 얻었 기 때문에 테이블을 선택하지 않아도되는 문제는 아닙니다.

그래서 내가 뭘 잘못하고 무엇을 이해하지 못합니까? 를 변경하면 $의

Answer 1

하는 대신 확률값을 해결되는지

Answer 2

당신은 JQuery와에 대한 캔트 반복 아이디 ... 참조 ('. selector2 테이블'). 오프셋 (...)

이

시도

$ ('table.selector2'). 오프셋 (...)