Javascript Split-String zwischen mehreren Spannen

Question

Ich habe Google auf der Suche nach einer Antwort, aber ich kann nicht scheinen, eine zu finden.

Ich brauche die folgende Zeichenfolge in einzelne Variablen

die Zeichenfolge gespeichert als Variable wird aufgeteilt: -

var location = autocomplete.getPlace(); 
var address = location['formatted_address']; 

Output:- 

<span class="street-address">Street address</span>, <span class="locality">Town</span>, <span class="region">County</span> <span class="postal-code">Post Code</span>, <span class="country-name">Country</span> 

zB.

var street = "Street address"; 
var town = "Town"; 
var county = "County"; 
var postc = "Post Code"; 
var country = "Country"; 

Also muss ich den Inhalt zwischen

<span class="street-address"></span> 
<span class="locality"></span> 
etc... 

Irgendwann bekommen gibt es zusätzliche Spannweiten manchmal weniger.

Ich habe irgend Javascript aussehen, aber es wird nur den Inhalt von: -

<span class="locality"> and the very last </span> 

Jede Hilfe in der richtigen Richtung mit Ihnen Ebene Javascript stark wäre

Answer 1

sind? oder jQuery?

in Javascript Sie den Text innerhalb eines Elements über bekommen kann:

var1 = document.getElementByClass("street-address").innerText 

oder in jQuery:

var streetAddress = $('.street-address').text(); 
var city= $('.city').text(); 

Answer 2

Wenn Sie jQuery verwenden:

var 1 = $('span.street-address').text(); 
var 2 = $('span.locality').text(); 
var 3 = $('span.region').text(); 
var 4 = $('span.postal-code').text(); 
var 5 = $('span.country-name').text(); 

sollte es sei so einfach, es sei denn, mir fehlt etwas in der Frage.

Answer 3

Können Sie jQuery verwenden? Check this out https://jsfiddle.net/zsxar4r4/

var address = []; 
$('span').each(function(idx, span) { 
    address.push($(span).html()); 
}) 
console.log(address); 

Answer 4

Sie die getElementsByClassName() Methode verwenden können, die ein Array-ähnliches Objekt zurückkehren wird.

https://developer.mozilla.org/en/docs/Web/API/Document/getElementsByClassName

var addressData = document.getElementsByClassName('address'); 

//And than do something with the object. You can access it like an array: 

console.log(addressData[2].innerHTML);