Обновление каждого 5-го td

Question

Мне нужно обновить каждый 5-й тд. Я пишу такой 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 является дом элемент ссылка не объект JQuery.

Кроме того, так как вы хотите обновить содержимое HTML каждого из td, вам придется перебирать и установить 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() + '">' 
    }) 
}) 

Answer 2

Используйте nth-child(5n), чтобы выбрать каждый 5-й элемент.

var td = $('tbody td:nth-child(5n)'); 
//       ^------------ you missed n here 

Код

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

     var img_link = '/img/category_img/' + $(this).html().trim(); 
     $(this).html('<img height="120px" width="100px" src="' + img_link + '">'); 
    }); 
}); 

Answer 3

уступи дорогу:

td.each(function(index, value) { 

Answer 4

Возможно, вы не заметили, но в вашем запросе отсутствует n. Это должно быть nth-child(5n)

Ниже исправленный запрос

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