如何在jQuery和JavaScript中循环和设置DOM元素的内部内容?

$(function ($) {
    $(".item .content-detail").each(function(index, element) {
        element.text($(element).attr("data-formdata"))
    })
});

看看 .each() method

$(function($) {
    for (var i of $(".item .content-detail")) {
        //var container = document.querySelector($(i)[0]);
        var container = i;
        var formData = $(i).attr("data-formdata");
    }
});

我只是需要元素

如果要设置每个DIV的内容,则不需要 for 循环。这个 .text() 方法接受一个回调函数,它将在与选择器匹配的每个元素上被调用。返回值用作新内容。

$(".item .content-detail").text(function() {
    return $(this).data("formdata");
});

这很管用。

$(function($) {
    $(".item .content-detail").text(function(){
        return $(this).attr("data-formdata");
    })
});

你不能像这样使用JS:

[更新]

function test() {
    var divs = document.getElementsByTagName("div");
    for (var i = 0; i < divs.length; i++) {
        var divsSub = divs[i].getElementById("div_").querySelectorAll(".content-detail");;
        for (var iS = 0; iS < divsSub.length; iS++) {                    
            var x = divsSub[iS].getAttribute("data-formdata");
            divsSub[iS].innerHTML = x;
        }
    }
}