显示为字符串的 HTML 标记

Question

请检查我的代码，让我知道我做错了什么

 $('ul.ne.elBulletList.listSize1.listImage32.listBorder0 li').text(function(_, text) {
        // return (); // just the original requirement
        str = `<div class="heading">`;
        str += text.split('-', 1).pop();
        str += `</div><div class=text">`;
        str += text.split('-').pop();
        str += `</div>`;
        // console.dir(str));
        return innerText = str; // with whitespace removed
      });

Html 显示为纯文本。 谁能告诉我我在做什么错。

谢谢

Answer 1

.text( text )

我们需要注意，此方法会根据需要对提供的字符串进行转义，以便在 HTML 中正确呈现。 为此，它调用 DOM 方法 .createTextNode()，不会将字符串解释为 HTML。

---

.html( function )

返回要设置的 HTML 内容的函数