Javery는 Jquery를 사용합니다! 루핑 및 인쇄 가치

Question

내가 이것을 가지고 있다고 가정 해보자 :

<div id="apple" class="fruit"></div> 
<div id="orange" class="fruit"></div> 
<div id="grape" class="fruit"></div> 
<div id="pear" class="fruit"></div> 

어떻게 "fruit"클래스의 모든 과일 ID를 반복하고 출력 할 수있는 자바 스크립트 함수를 작성합니까? JQuery 사용하기.

Answer 1

$('div.fruit').each(function(){ 
//will loop through all divs with the class fruit. 
$(this).attr('id'); //will give you the id of the current div 
}); 

Answer 2

쉼표로 구분 된 목록으로 인쇄됩니다 (ids는 ID 배열입니다).

var ids = $.map($('div.fruit'), function(e) { 
    return e.id; 
}); 
document.write(ids.join(',')); 

Working Demo - 출력을 볼 수있는 출력 탭을 클릭합니다.

이없는 id

var ids = $.map($('div.fruit'), function(e) { 
    return e.id? e.id : null; 
});