拆分谷歌搜索地址

时间:2016-10-05 07:02:02

标签: javascript jquery

我需要从谷歌搜索栏中分割我的地址(城市和街道)。我会用图片更好地解释。

这是google如何查找地址的图片。 enter image description here

这是图片,然后我从谷歌搜索栏中选择第一个选项。

enter image description here

问题是。如果我按提交按钮,地址将合并。 enter image description here

这是我正在使用的javascript代码。

userAddress = $(“。pac-container .pac-item:first”)。text();

我只是选择第一个选项并将其分配给搜索字段。

1 个答案:

答案 0 :(得分:0)

由于您将位置名称和城市名称视为不同的跨度,但使用css以,分隔(可能,因为我在html中没有看到它),只需将,附加到位置名称:< / p>

&#13;
&#13;
var userAddress = '<div class="google-response">\
  <span class="pac-icon pac-icon-marker"></span><span class="pac-item-query"><span class="pac-matched">Via Nazionale</span></span><span><span class="pac-matched">Rome</span>, Metropolitan City of Rome, Italy</span>\
</div>';

$(document).ready(function () {
  var $html = $('<div>', {html: userAddress});
  var $name = $html.find('.pac-item-query .pac-matched').eq(0);

  $name.text($name.text() + ', ');
  
  
  alert($html.find('.google-response').text());
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;