javascript - jQuery:如何从多个元素中获取文本并将它们打印在多行上？

Question

我正在学习使用 jQuery 从其他页面获取数据，我在这样做时遇到的一个问题是尝试查找多个元素，从中获取文本，然后将它们打印成多行

问题是我没有找到一种方法将它们打印成多行而不将每个元素存储在其自己的变量中。

这是一个阐明我正在尝试做的事情的例子:

外部 HTML:

<div class="element element1">
<div class="irrelevant">irrelevant text 1</div>
<div class="anitem1">text 1</div>
<div class="theitem2">text 2</div>
<div class="irrelevant">irrelevant text 2</div>
<div class="item3">text 3</div>
<div class="theitem4">text 4</div>
<div class="irrelevant">irrelevant text 3</div>
</div>

内部 HTML:

<div class="app"></div>

jQuery:

theUrl = 'https://api.allorigins.ml/get?url=' + encodeURIComponent('
https://www.thisisjustanexampleurl.com/something.html');

$.ajax({
url: theUrl,
type: get,
dataType: "",
success: function(data) {
$(data.contents).find('.element').each(function(i, obj){
var getText = $(obj).find('.anitem1, .theitem2, item3, .theitem4').text();

$('.app').append(getText) // output: text 1text 2text 3text 4

})
}
})

文本在同一行，但我正在寻找的是将其打印在多行上。

预期输出:

text 1
text 2
text 3
text 4

Answer 1

您可以再次遍历 .find() 中的对象结果:

var newText;
var getText = $(obj).find('.anitem1, .theitem2, item3, .theitem4').each(function(){
  newText=$(this).text() + '<br>'; // or \n
  $('.app').append(newText);
});