한꺼번에 여러 엘리먼트의 개수와 텍스트(text) 가져오기

 

 

 

See the Pen 한 번에 다양한 엘리먼트에 접근하여 개수와 텍스트 얻기 by kim oya (@ttuttu) on CodePen.

 

위와 같은 alert 창이 뜬다.

 

<script type="text/javascript">
   $(document).ready(function() {	   
      var resultText = "";
      var $searchEles = $('p,span,div.simpletext1');
    	  
      resultText+="검색된 엘리먼트 개수 : " + $searchEles.length+"\n";
      /* 2. resultText 에는 검색된 엘리먼트 개수 : $searchEles의 길이 값만큼 나온다.
      $searchEles은 $('p,span,div.simpletext1') 총 3개이다.
      */
      
      $searchEles.each(function() { // $searchEles에 있는 내용 각각을 실행시켜준다.  
         resultText+= $(this).text() + "\t"; //각각의 엘리먼트의 text 값을 resultText에 넣어준다.
         //각각의 text내용이 표출된다.
      });
      
      alert($.trim(resultText)); //1. resultText의 양쪽 공백을 제거한 내용의 alert 창 실행
   });
</script>