Javascript 如何在<；之后获取文本；br>；标签

如何在

标记之后获取所有
文本

我的html是这样的

<i class="loc">cherry<br>From Shimla</i>
<i class="loc">Apple<br>from kashmir</i>
<i class="loc">banana<br>From bihar</i>


来自Shimla的cherry

来自克什米尔的苹果
香蕉
来自比哈尔邦
您可以将
br
元素作为目标，并使用
.get（index）
获取底层DOM元素，使用该元素将文本节点作为目标。然后可以使用属性来获取文本


var arr=[]；
$（'.loc'）。每个（函数（）{
arr.push（$（this.find（'br'）.get（0.nextSibling.nodeValue））；
});
控制台日志（arr）

来自Shimla的cherry

来自克什米尔的苹果
香蕉
来自比哈尔邦
您可以将
br
元素作为目标，并使用
.get（index）
获取底层DOM元素，使用该元素将文本节点作为目标。然后可以使用属性来获取文本


var arr=[]；
$（'.loc'）。每个（函数（）{
arr.push（$（this.find（'br'）.get（0.nextSibling.nodeValue））；
});
控制台日志（arr）

来自Shimla的cherry

来自克什米尔的苹果
来自比哈尔邦的香蕉；
$（'.loc'）。每个（函数（）{
arr.push（$（this.html（）.split（“
”）[1]）；
});
控制台日志（arr）；

您可以使用html（）、拆分它并使用数组中的第二个值


var arr=[]；
$（'.loc'）。每个（函数（）{
arr.push（$（this.html（）.split（“
”）[1]）；
});
控制台日志（arr）

来自Shimla的cherry

来自克什米尔的苹果
来自比哈尔邦的香蕉；
$（'.loc'）。每个（函数（）{
arr.push（$（this.html（）.split（“
”）[1]）；
});
控制台日志（arr）；

您可以使用html（）、拆分它并使用数组中的第二个值


var arr=[]；
$（'.loc'）。每个（函数（）{
arr.push（$（this.html（）.split（“
”）[1]）；
});
控制台日志（arr）

来自Shimla的cherry

来自克什米尔的苹果
来自比哈尔邦的香蕉
虽然这个代码片段可以解决这个问题，但它确实有助于提高您文章的质量。请记住，您将在将来回答读者的问题，而这些人可能不知道您的代码建议的原因。虽然此代码片段可以解决问题，但确实有助于提高您文章的质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。
var arr = [];

$('.loc').each(function(){
   arr.push($(this).html().split('<br>')[1]);
});
console.log(arr);

var arr = [];

    $('.loc').each(function(){
        arr.push($(this).children('br').get(0).nextSibling);
    });
console.log(arr);