선택한 요소를 배열로 가져오는 방법 - .get()

.get()

.get()은 선택한 요소를 배열(Array)로 가져옵니다.

 

기본형

.get()

• 선택한 모든 요소를 가져옵니다.

.get( index )

• 선택한 요소 중 특정한 것만 가져옵니다.

 

예제 1

모든 <li> 요소를 abc 배열로 가져온 후, 각 요소의 내용을 출력합니다.

<ul>
  <li>Lorem</li>
  <li>Ipsum</li>
</ul>
<div></div>

$( document ).ready( function() {
  var abc = $( 'li' ).get();
  for ( var i = 0; i < abc.length; i++) {
    $( 'div' ).append( '<p>' + abc[i].innerHTML + '</p>' );
  }
});

 

예제 2

<li> 요소 중 첫번째만 가져와서 내용을 출력합니다.

<ul>
  <li>Lorem</li>
  <li>Ipsum</li>
</ul>

$( document ).ready( function() {
  var abc = $( 'li' ).get( 0 );
  $( 'ul' ).after( '<p>' + abc.innerHTML + '</p>' );
});