Question

我正在使用＆＃34; spinner＆＃34;创建一个表格行。显示按下按钮时的操作。

我将行ID添加到微调器的id中，以便能够专门定位它。

例如第21行： #spinnerAction-21

在遍历数据集时，我将名称添加到数组中，因此我可以在将html插入页面后隐藏所有这些名称。

虽然我无法隐藏我的微调器。我尝试使用内联CSS可见性来隐藏，但是当我完成时我无法隐藏它。

隐藏旋转器的任何帮助？有更好的方法吗？

var spinnerArray = $.makeArray();

for (var i = 0; i < data.length; i++) {
    html += '<tr>';
    html += '<td>';

    //other html output

    html += '<i class="fa fa-spinner fa-spin" id="spinnerAction-' + data[i].entry_id + '" style="font-size:24px;color:dodgerblue;"></i>';

    html += '</td>';//end button comlumn
    html += '</tr>';//end row

//Add a reference to the spinner for that row to hide.
    spinnerArray.push("#spinnerAction-" + data[i].entry_id);

}//end for

// insert the html rows
$('#display_info').append(html);

//hide the spinner in each row
$.each(spinnerArray, function (index, val) {
$(val).hide();
});

Answer 1

对于在这篇文章中遇到的其他人，我最终取代了

 spinnerArray.push("#spinnerAction-" + data[i].entry_id);

与

spinnerArray.push("spinnerAction-" + data[i].entry_id);

删除#

然后在

中添加#

$.each(spinnerArray, function (index, val) {
                $('#' + val).hide();
            });

使用JQuery隐藏动态创建的HTML元素

1 个答案: