Замените несколько разных текстовых слов, каждый с другим изображением

У меня нет доступа к изменению любого из этих сайтов HTML, и я не очень хорошо разбираюсь в jQuery, но я предполагаю, что это очень возможно.

У меня есть таблица, содержащая несколько разных имен пользователей

<table id="chat">
<tbody><tr><td>Tim Burton</td>
<td>Dorethea Rose</td>
<td>Selma Jeerik</td>
</tr></tbody></table>

Я хотел бы найти каждое имя пользователя в этой таблице ТОЛЬКО и изменить каждое имя на аватар по моему выбору.

Я видел этот сценарий, но не знаю, как изменить для моих нужд

("*").each(function () { 
 if ($(this).children().length == 0) {
 var newHTML = $(this).html().replace('basketball','');
 $(this).html(newHTML);
 } 
});
2 ответа

Это может сделать что-то в следующих строках:

var name = 'Tim Burton';
$('#chat').find('td').filter(function() { return $(this).text() == name; })
.html( '' );

Если вы хотите использовать один и тот же аватар, а таблица содержит только имена, вы можете использовать более простой код:

$('#chat 'td').html( '' );

Но если у вас есть имена и аватары в массиве/объекте, вы можете прокручивать имена и использовать код вверху:

$.each(names,function(i, name) {
 $('#chat').find('td').filter(function() { return $(this).text() == name; })
 .html( '' );
});


попробуй это:

$( "#chat" ).html( $( "#chat" ).html().replace('Tim Burton', '') );

licensed under cc by-sa 3.0 with attribution.