Seleccione el primer elemento span que no esté vacío

Question

De un grupo de elementos span, quiero obtener los valores de la primera aparición de un span que no está vacío.

tengo este código HTML

<span class="map_multi_latitude"></span> 
<span class="map_multi_longitude"></span> 
<span class="map_multi_latitude">30.201998</span> 
<span class="map_multi_longitude">120.990876</span> 

tengo este Jquery antes, pero quiero hacer que funcione de tal manera que "el primer patrón cuyo texto no está vacío":

initialLat = $('span.map_multi_latitude:first').text(); 
initialLng = $('span.map_multi_longitude:first').text(); 

gracias de antemano !

Answer 1

Esto funcionará:

$('span:not(:empty):first').text() 

o estos:

$('span:not(:empty):eq(0)').text() 
$('span:not(:empty)').eq(0).text() 
$('span:not(:empty)').slice(0,1).text() 
$('span:not(:empty)').first().text() 

Answer 2

initialLat = $('span.map_multi_latitude:not(:empty):first').text(); 
initialLng = $('span.map_multi_longitude:not(:empty):first').text(); 

Answer 3

var firstMapMultiLatitude; 
$('.map_multi_latitude').each(function (index, element) { 
    if ($(element).val() != '') { 
     firstMapMultiLatitude = $(element).val(); 
     alert($(element).val()); 
     return; 
    } 
});