使用jQuery獲取div中所有跨度的文本

Question

我正在動態地將span元素添加到div中。 我想稍后再從div中的所有span元素中檢索文本。 我該怎么做呢？ 我想使用jQuery，但是我猜Javascript很好。

創建span元素的Javascript部分：

var x = ui.item.value;

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

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

這在點擊事件中。 div稱為“選定”。

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 eg 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文檔 ，它：

獲取匹配元素集合中每個元素的組合文本內容（包括它們的后代），或設置匹配元素的文本內容。

所以：

 $("#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>