Javascript 在for循环中创建的html id索引内的jQuery/JS迭代

我有一个这样的网站

我使用for循环创建这些字段

@for (int i = 0; i < 5; i++)
{
<a class="btn btn-primary btn-block" onclick="toggle_visibility('dataHolder-@i');">
    <span id="day"> waiting...</span>
</a>

<div id="dataHolder-@i" style="display: none;" class="alert alert-dismissible alert-primary col-lg-12">
    <div class="row">
        <div class="col">
            <b> City: </b> <span id="name.@i"> waiting...</span><br/>
            <b> Country: </b><span id="country.@i"> waiting...</span><br/>
            <b> Latitude: </b><span id="lat.@i"> waiting...</span><br/>
            <b> Longitude: </b><span id="lon.@i"> waiting...</span><br/>
            <b> Visibility: </b><span id="visibility.@i"> waiting...</span>m<br/>
            <b> Wind speed: </b><span id="wind.@i"> waiting...</span>meters/sec<br/>
        </div>
        <div class="col">
            <b> Humidity: </b><span id="humidity.@i"> waiting...</span>%<br/>
            <b> AvgPressure: </b><span id="pressure.@i"> waiting...</span>hPa<br/>
            <b> Temperature: </b><span id="temp.@i"> waiting...</span>&deg; C<br/>
            <b> Temperature feels like: </b><span id="tempfeelslike.@i"> waiting...</span>&deg; C<br/>
            <b> Min temperature: </b><span id="minTemp.@i"> waiting...</span>&deg; C<br/>
            <b> Max temperature:: </b><span id="maxTemp.@i"> waiting...</span>&deg; C<br/>
        </div>
    </div>
</div>}

@for（int i=0；i<5；i++）
{
使用类而不是尝试使用增量ID是最简单的方法。在每个容器上循环，并使用当前循环迭代的索引将容器索引与数组索引匹配

简化示例：


const数据=[
{“lat”：22，“lng”：33}，
{“lat”：27，“lng”：37}，
{“lat”：117，“lng”：77}
]
$（'.data holder'）。每个（函数（i）{
常量数据项=数据[i]；
$（this.find（'.lat'）.text（dataItem.lat）；
$（this.find（'.lng'）.text（dataItem.lng）
})

横向：，纵向：
横向：，纵向：
横向：，纵向：
这是否回答了您的问题？看起来很简单，但我不知道如何将其应用到我的解决方案中。
success: function(response) {
                var value = JSON.parse(response);
                console.log(response);
                for (var i = 0; i < 5; i++) {
                    $("#name.0").html(value.CityName);
                    $("#country").html(value.CountryName);
                    $("#lat").html(value.Coords[0].lat);
                    $("#lon").html(value.Coords[0].lon);
                    $("#humidity").html(value.DataByDay[0].AvgHumidity);
                    $("#tempfeelslike").html(value.DataByDay[0].AvgFeelsLike);
                    $("#visibility").html(value.DataByDay[0].AvgVisibility);
                    $("#wind").html(value.DataByDay[0].AvgWindSpeed);
                    $("#temp").html(value.DataByDay[0].AvgTemp);
                    $("#maxTemp").html(value.DataByDay[0].AvgMaxTemp);
                    $("#minTemp").html(value.DataByDay[0].AvgMinTemp);
                    $("#pressure").html(value.DataByDay[0].AvgPressure);
                    $("#day").html(value.DataByDay[0].DayTime);
                }
            }