Могу ли я настроить таргетинг на несколько элементов div (с одним и тем же классом), чтобы скрыть специальные объекты HTML с javascript?

Question

Моя страница результатов поиска в Webflow отображает html специальные объекты, которые мне нужно отобразить как html.

Мой текущий javascript берет содержимое первого результата поиска, декодирует его и помещает этот код во все последующие результаты поиска (div с классом "html-преобразование"). Вместо этого мне нужно индивидуально декодировать каждый результат поиска.

// Function that unespaces HTML
function htmlDecode(input){
    var e = document.createElement('div');
    e.innerHTML = input;
    return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}

// Store value of html into variable
var code = $(".html-conversion").html();

// Store unescaped value into new variable
var formattedCode = htmlDecode(code);

// Place new value back into the embed
$(".html-conversion").html(formattedCode);

Answer 1

Вы можете использовать цикл, чтобы заменить все - вместо идентификации одного конкретного

  $( "html-conversion" ).each(function() {
    var code = $(this).html();
    var formattedCode = htmlDecode(code);
    $(this).html(formattedCode);
  });

или если вам нужно идентифицировать один конкретный, и у вас есть способ получить индекс элемента, чем попытаться $( "html-conversion:eq( indexhere )" )