2013-08-12 2 views
0

이 HTML을 고려 부모 클래스 이미지를 숨기고JQuery와는

$('span.leagueTogglehome img#Up').hide(); 
$('span.leagueTogglehome img#Down').hide(); 

무엇 실제로 일어나는 것은 그 두 개의 다른 이미지 ' Up '과'Down 'id가 숨겨져 있습니다. 그들은 다른 클래스의 컨테이너에 있으므로 숨겨진 이유는 무엇입니까? 심지어 버튼에 포함 된 상위 클래스의 클래스가 포함되어 있습니다. 숨기고 싶습니다.

이것은 의미가 없습니까?

'기타'img 태그 : W3 따르면

<span class="toggle" id="home"> 
<img src="/images/formHomeUp.png" id="Up" class="homeToggleResults"/> 
<img src="/images/formHomeOverallUp.png" id="Down" class="homeToggleResults"/> 
</span> 
+1

"기타" ''태그는 어떻게 생겼으며, 나머지 HTML이나 jsFiddle을 게시 할 수 있습니까? –

+5

다른 요소에 동일한 ID를 사용할 수 없습니다. 위/아래의 클래스도 있어야합니다. – Sergio

+0

@ Karl-Anderson 원래 게시물에 '기타'mg 태그 세부 정보를 추가했습니다. – user2056238

답변

1

, idsupposed to be unique per html page이다. 자체가 ID로 선택에 대해 말씀 JQuery와

Here 년대 :

각 id 값은 문서 내에서 한 번만 사용할 수 있어야합니다. 두 개 이상의 요소에 동일한 ID가 할당 된 경우 해당 ID를 사용하는 쿼리는 DOM에서 첫 번째로 일치하는 요소 만 선택합니다. 그러나이 동작에 의존하면 안됩니다. 동일한 ID를 사용하는 두 개 이상의 요소가있는 문서가 유효하지 않습니다.

그래서 나는 "다른 img 태그"가 수정하려고 시도하기 전에 dom에 나타납니다.

+0

예, 숨기려는 이미지 앞에 나타납니다. . 나는 당신이 그 element를 고유 한 div를 가진 부모에게 주면 사용할 어떤 element ID를 유지할 수 있다고 생각 했는가? – user2056238

+0

@ user2056238 단어 "ID"대신 "클래스"를 사용하면 완전히 사실입니다. 그러나 ID는 완전히 고유해야합니다. 하나의 ID는 정확히 하나의 요소로 이동합니다. –

0

내가하고있는 일은/내 파트에서 오류 일 가능성이 있습니다. 피곤해서 잘못된 부모 DIV를 참조하고 있습니다. 나는 valdi amrk-up에 대해 페이지의 모든 ID가 고유해야 함을 인식하지 못했습니다. 부모님들 사이에서 그들 만의 고유성을 유지하는 것이 타당하고 필요하다고 생각했습니다.