, wie der Text nach <br> Tag zu bekommen

Question

wie alle bekommen die text nach <br/>tag

meine html wie dieses ist

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

erwartete Ausgabe: ["From Shimla","from kashmir","From bihar"];

i wie etwas versucht, bin diese

var arr = []; 
 

 
$('.loc').each(function(){ 
 
    arr.push($(this).text()); 
 
}); 
 
console.log(arr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<i class="loc">cherry<br>From Shimla</i> 
 
<i class="loc">Apple<br>from kashmir</i> 
 
<i class="loc">banana<br>From bihar</i>

Answer 1

Sie können die br Element abzuzielen und .get(index) verwenden, um die zugrunde liegenden DOM-Element zu holen, nextSibling die Verwendung der Textknoten zielen. Dann kann nodeValue Eigenschaft verwendet werden, um den Text zu erhalten.

var arr = []; 
 
$('.loc').each(function() { 
 
    arr.push($(this).find('br').get(0).nextSibling.nodeValue); 
 
}); 
 
console.log(arr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<i class="loc">cherry<br>From Shimla</i> 
 
<i class="loc">Apple<br>from kashmir</i> 
 
<i class="loc">banana<br>From bihar</i>

Sie können weiter Sie Code als

var arr = $('.loc').map(function() { 
 
    return $(this).find('br').get(0).nextSibling.nodeValue; 
 
}).get(); 
 
console.log(arr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<i class="loc">cherry<br>From Shimla</i> 
 
<i class="loc">Apple<br>from kashmir</i> 
 
<i class="loc">banana<br>From bihar</i>

Answer 2

var arr = []; 

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

Sie können html() verwenden, teilen Sie es, verbessern und zweiten Wert verwenden aus dem Array.

var arr = []; 
 

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<i class="loc">cherry<br>From Shimla</i> 
 
<i class="loc">Apple<br>from kashmir</i> 
 
<i class="loc">banana<br>From bihar</i>

Answer 3

var arr = []; 

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