複数のスパンの間のJavascript分割文字列

Question

私は答えを探してGoogleを精査しましたが、見つからないようです。

私は別々の変数に次の文字列を分割する必要が

文字列は、変数 として格納されます -

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> 

など。

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

は、だから私はいつか、余分なスパン時々あまりがある

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

間の内容を取得する必要があります。私はいくつかのjavascriptを見てきましたが、それは唯一の間でコンテンツを取得する

： - 右方向に任意の助けを

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

が大幅

Answer 1

あなたはプレーンなJavaScriptを使用していますでしょうか？またはjQuery？あなたはjQueryのを使用している場合

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

Answer 2

：

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

やjQueryの中：あなたは経由要素内のテキストを取得することができますJavaScriptで

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(); 

それはすべきです私が質問に何かを見逃していない限り、それは簡単です。

Answer 3

jQueryを使用できますか？あなたは配列のようなオブジェクトを返しますgetElementsByClassName()方法を、使用することができますhttps://jsfiddle.net/zsxar4r4/

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

Answer 4

これをチェックしてください。

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);