jQuery를 사용하여 div의 모든 범위에서 텍스트 가져 오기

Question

div에 span 요소를 동적으로 추가하고 있습니다. 나중에 div의 모든 span 요소에서 텍스트를 검색하려고합니다. 어떻게해야합니까? jQuery를 사용하고 싶습니다만, Javascript는 괜찮습니다. 자바 스크립트가 스팬 요소를 만드는

섹션 :

var x = ui.item.value; 

var span = document.createElement("span"); 
span.innerHTML="  "+x+""; 

$("#selected").append(span); 

이 클릭 이벤트에 내부입니다. div를 "selected"라고합니다.

Answer 1

당신은 이런 식으로 뭔가를 시도 할 수 있습니다 :

var txt= ""; 
 
    $("#selected span").each(function(){ 
 
     txt += $(this).text();//here you get the values from each span inside selected element 
 
    }); 
 

 
$("body").append(txt);//here append the collected text inside e.g. body

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="selected"> 
 
    <span>1</span> 
 
    <span>1</span> 
 
    <span>1</span> 
 
    <span>1</span> 
 
</div>

Answer 2

.each() 또는 기타 루프에 대한 필요합니다. 그냥 .text()를 호출하면 JQuery docs에 따라, 이후 충분한 것, 그것은 :

은 그들의 후손을 포함하여, 일치하는 요소의 집합에있는 각 요소의 결합 된 텍스트 내용을 가져 오기, 또는 일치하는 요소의 텍스트 내용을 설정합니다.

: 그럼.

$("#selected").click(function() { 
 
    var text = $(this).find("span").text(); 
 
    alert(text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<div id="selected"> 
 
    <span>1</span> 
 
    <span>2</span> 
 
    <span>3</span> 
 
</div>