HTML과 javascript 클래스가 일치합니까?

Question

나는이 HTML을 가지고

<a class="idents" href="#"></a> 
<a class="idents" href="#"></a> 
<a class="idents" href="#"></a> 

및

function show(selected) { 
    $('a[class|="idents"]').each(function(index) { 
     if ($(this).attr("id") == selected) { 
      $(this).show(600); 
     } 
     else { 
      $(this).hide(600); 
     } 
    }); 
} 

내가 html로에서 클래스가이

처럼 사업부로

모든 앵커를 넣어 반복을 제거 할 것이 자바 스크립트

<div class="idents"> 
    <a href="#"></a> 
    <a href="#"></a> 
    <a href="#"></a> 
</div> 

하지만 완전히 초보자이며 어떻게해야합니까? HTML에서 변경 사항과 "일치"하도록 javascript를 변경하십시오.

Answer 1

css를 선택하면됩니다. 당신의 <div> 내의 모든 <a>을 통해

$("div.idents a").each(...); 

이 반복됩니다

$('.idents a').each(function(index) { ... 

Answer 2

는 다음 선택기를 사용합니다. 자바 스크립트에

Answer 3

function show(selected) { 
    $('div.idents a').each(function(index) { 
    if ($(this).attr("id") == selected) { 
     $(this).show(600); 
    } else { 
     $(this).hide(600); 
    } 
    }); 
} 

Answer 4

<div class="ident"> 
    <a class="idents" href="#"></a> 
      <a class="idents" href="#"></a> 
      <a class="idents" href="#"></a> 
      </div> 


function show(selected) { 
$('.ident a[class|="idents"]').each(function(index) { 
if ($(this).attr("id") == selected) { 
$(this).show(600); 
} 
else { 
$(this).hide(600); 
} 
}); 
} 

Answer 5

에 오신 것을 환영합니다.

$( )의 안에있는 인용 된 것이 CSS 선택 자입니다. 인터넷에서 many CSS selector tutorials을 확인하여 주제에 대한 소개를 얻으십시오.

직접 질문에 답변하려면 $('div.idents a')이 필요합니다.

Answer 6

이있다 코드의 행 :

`$('a[class|="idents"]').each(function(index) {` 

가 adiv와

$('div[class|="idents"] a').each(function(index) {