我可以定位多个 div（具有相同的 class）以转义具有 javascript 的 HTML 特殊实体吗？

Question

我的 Webflow 搜索结果页面正在呈现 html 个特殊实体，我需要将其呈现为 html。

我当前的 javascript 获取第一个搜索结果的内容，对其进行解码，并将该代码放入所有后续搜索结果中（带有 class "html-conversion" 的 div）。相反，我需要它来单独解码每个搜索结果。

// 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 )" )

我可以定位多个 div（具有相同的 class）以转义具有 javascript 的 HTML 特殊实体吗？

Can I target multiple divs (with the same class) to escape HTML special entities with javascript?

html

javascript

escaping

htmldecode