javascript - 更新每 5 个 td

Question

我需要每 5 个 td 更新一次。我写这样的jquery

$(document).ready(function(){
    var td = $('tbody td:nth-child(5)');
    var img = '/img/'+td.html().trim().toString();
    $.each(td, function(index, value){
        value.html('<img  src="' + img +'">');
    });
})

但它告诉我 Uncaught TypeError: value.html is not a function。我该如何解决？

Answer 1

问题是，value 是一个 dom 元素引用，而不是一个 jQuery 对象。

此外，由于您想要更新每个 td 的 html 内容，您将必须迭代并设置 html 如下，否则 img_link 将只有值td 集合中的第一个 td

$(document).ready(function () {
    var td = $('tbody td:nth-child(5n)');

    td.html(function(i,html){
        return '<img height="120px" width="100px" src="' + html.trim() + '">'
    })
})