jQuery를 각 각 항목의 ID 반복하지

Question

나는 ID는 사람 게이머 태그를 나타냅니다이, 같은 일부 HTML을 가지고 :

<img src="image.png" id="Blah"> 
<img src="image.png" id="Someone"> 
<img src="image.png" id="Blah"> 

내가 하나 하나에 css() 필요, 그래서 조건 곳을 충당하기 위해 each()를 사용하여 시도 위와 같은 중복이 있습니다.

$("#Blah").each(function(index) { 
    console.log(index + ": " + $(this).text()); 

을하지만 그것은 단지 한 결과를 반환

내가 테스트로이 달렸다. 복제본을 포함하는 반복 처리에는 무엇을 사용해야합니까?

Answer 1

당신은 id로 class 대신 id이

<img src="image.png" class="Blah"> 
<img src="image.png" class="Blah"> 
<img src="image.png" class="Blah"> 

그런 다음 당신이 할 수없는 class name

$(".Blah").each(function() { 

FIDDLE

Answer 2

이유를 사용하여 반복 요소의 고유 한 속성입니다 사용해야합니다 모든 이미지의 ID가 다르기 때문에 ID를 섹터로 사용하고 .each() 메소드를 사용합니다. 이드마다 하나씩 만 사용됩니다. 기술적으로는 each() 메소드가 모든 이미지를 반복 처리하므로 각 img에 대한 클래스 나 이미지 선택기로 사용할 수있는 모든 이미지에 대한 래퍼와 같은 모든 이미지와 관련된 것이 필요합니다. 이 예는 부모 div div-img 선택자를 기반으로합니다. Khawer Zeshan의 또 다른 대답은 클래스 선택기를 기반으로합니다. 개발 관점에서 더 의미가있는 방법을 선택하십시오.

$("#div-img img").each(function(index) { 
    console.log(index + ": " + $(this).text()) 
}); 

: 다음은 특정 사업부 내의 모든 이미지에 액세스 할 수있는 방법

<div id="div-img"> 
    <img src="image.png" id="Blah"> 
    <img src="image.png" id="Someone"> 
    <img src="image.png" id="Blah"> 
</div> 

:

는 ID div-img와 DIV의 모든 이미지에 액세스하려면 당신은 아래와 같은 HTML을 말해봐

jsfiddle : http://jsfiddle.net/trzMj/1/