选择非空的第一个span元素

Question

从一组span元素中，我想得到第一次出现的非空的范围的值。

我有这个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>

之前我有这个Jquery，但是我希望它能够“使第一个文本不为空”：

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

提前感谢！

Answer 1

这将有效：

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

或者这些：

$('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;
    }
});