Javascript 选择第一个非空的跨度图元

从一组跨度元素中，我想得到第一次出现的非空跨度的值

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

提前谢谢

这将起作用：

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

---

这似乎仅在有多个跨度不是空的情况下才起作用。如果只有一个跨度不是空的，则无论元素数量多少，该故障都应有效。选中此选项仅当存在多个非空跨度时，此选项才有效。如果只有一个跨度不是空的，则fails@Ygam：在一个非空跨度下工作正常。要知道空意味着真正的空。换句话说，没有空白。自定义筛选函数可用于丢弃不包含任何内容或仅包含空白的元素：

$（'span'）.filter（函数（）{return$（this）.text（）.trim（）}.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()

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

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