javascript - 如何获得相同类名的每个值？

我有一些同级标签，我想获取每个标签的值并将其附加到div上

<p class="adr">location1</p>
<p class="adr">location2</p>
<p class="adr">location3</p>
<p class="adr">location4</p>

for (i=1;i<$(".adr").length;i++) {
    $("#test").append($(".adr").html() + "</br>");
}

结果 :

location1

location1

location1

location1

看来第一个类要补4次，如何获得1和2以及3和4？

最佳答案

在jquery中使用each获取所有adr类的文本。不要逐行append，因为这会花费更多的执行时间。请尝试整体追加，希望对您有所帮助

var str=''
$('.adr').each(function(e){
     str+=$(this).text()+ "<br>"
})
$("#test").html(str)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="adr">location1</p>
<p class="adr">location2</p>
<p class="adr">location3</p>
<p class="adr">location4</p>
<div id =test></div>