0

Estoy usando la api de google y me trae un ajax con la variable "adr_address" y dentro el siguiente dato:

"<span class="street-address">Calle 54</span>, 
<span class="extended-address">Mercedes Barrera</span>, 
<span class="locality">Mérida</span>,
<span class="region">Yuc.</span>, <span class="country-name">México</span>"

Como se hace para buscar solamente dentro del string:

<span class="extended-address">Mercedes Barrera</span>

Y obtener como resultado final "Mercedes Barrera".

2 respuestas 2

0

Lo puedes hacer utilizando la funcion filter() de Jquery:

$contenido = $('<span class="extended-address">Mercedes Barrera</span>')
console.log($contenido.filter('.extended-address').text());

esto mostrará por consola:

Mercedes Barrera
3
  • me funciona bien, me elimina todas las etiquetas y queda "Calle 54, Mercedes Barrera, Mérida, México". pero me faltaría saber como separar del ajax "<span class="street-address">Calle 54</span>, <span class="extended-address">Mercedes Barrera</span>, <span class="locality">Mérida</span>, <span class="region">Yuc.</span>, <span class="country-name">México</span>" y dejar solo "<span class="extended-address">Mercedes Barrera</span>" :) Commented el 15 sept. 2017 a las 22:51
  • Ok, es el mismo procedimiento, utilizas la funcion filter() para recuperar el objeto que deseas, y para recuperar su html puedes utilizar por ejemplo $contenido.filter('.extended-address').prop('outerHTML');
    – Elmer
    Commented el 15 sept. 2017 a las 23:03
  • muchas gracias!! si soluciono mi problema. :) Commented el 15 sept. 2017 a las 23:19
0

Tomando como referencia la respuesta de ELM. Al contener un string con $() se puede manejar como si fuera un elemento HTML y de ahí aplicar la función de filter.

var jsonResult = '<span class="street-address">Calle 54</span>, <span class="extended-address">Mercedes Barrera</span>, <span class="locality">Mérida</span>, <span class="region">Yuc.</span>, <span class="country-name">México</span>';
console.log($(jsonResult).filter('.extended-address').text());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

5
  • gracias por tu consejo, pero ahora revisando veo un problema en algunas. ejemplo en ocaciones me devuelve esto: var jsonResult = 'Calle 21, 114, local 5, <span class="street-address">Calle 54</span>, <span class="extended-address">Mercedes Barrera</span>, <span class="locality">Mérida</span>, <span class="region">Yuc.</span>, <span class="country-name">México</span>'; console.log($(jsonResult).filter('.extended-address').text()); y al tener "Calle 21, 114, local 5, " antes me salta un error. hay alguna forma de eliminar todo lo que antecede al <span> ? Commented el 15 sept. 2017 a las 23:49
  • Si te está regresando todos los textos es porque no estás aplicando la funcón de filter. Para obtener todos los contenidos de los spans, debes de agregar el nombre de la clase antenponiendo un punto para que el selector lo reconozca: .filter('.extended-address . street-address .etc').text()
    – farsSharp
    Commented el 15 sept. 2017 a las 23:59
  • jsfiddle.net/yxgzLtbo hay subí mi ejemplo. si un usuario ingresa una colonia normal. se autocompletara todo bien. pero si ejemplo elige una pizzeria. me agrega una direccion antes de los span y falla mi código :( Commented el 16 sept. 2017 a las 0:13
  • Te va tocar investigar que está retornando según sea cualquier caso. De ahí generar la validación más adecuada. developers.google.com/maps/documentation/?hl=es
    – farsSharp
    Commented el 16 sept. 2017 a las 0:50
  • si que mal, por que me gustaría borrar todo el texto que sale antes del <span> en el string. y después ya solo pasar el código que me diste y funcionaria. igual muchas gracias por la ayuda :) Commented el 16 sept. 2017 a las 1:58

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.