使用jQuery获取特定HTML标记上的第一行

Question

这是我的HTML:

<p class="myclass">
<span class="generalclass">text1</span>
<span>text2</span>
<span>text3</span>
</p>
<p class="myclass">
<span class="generalclass">text1</span>
<span>text2</span>
<span>text3</span>
</p>

并且其他3个CCD_ 1标签中的每一个是相同的。

这是我的jQuery代码：

var promo = $('[class^="myclass"]').map(function() {
return $(this).text();
//I try something like return $(this).children.text(':first') but NOT Work
}).get();
let promo1 = promo[0];
let promo2 = promo[1];
let promo3 = promo[2];

结果：promo1=文本1文本2text3

如何仅从<span>/ROW 1获取文本，而不从其他span标记内容获取文本？

tks

Answer 1

var promo = $('[class^="myclass"]').map(function() {
return $(this).children(":first").html();
}).get();
let promo1 = promo[0];
let promo2 = promo[1];
let promo3 = promo[2];

Answer 2

尝试此代码从第一个<span>中获取值

var promo = $('[class^="myclass"]').map(function() {
return $(this).find("span:first-of-type").text();
}).get();