Javascript 显示为字符串的HTML标记

Javascript 显示为字符串的HTML标记,javascript,html,Javascript,Html,请检查我的代码,让我知道我做错了什么 $('ul.ne.elBulletList.listSize1.listImage32.listBorder0 li').text(function(_, text) { // return (); // just the original requirement str = `<div class="heading">`; str += text.split('-', 1).

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

 $('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
      });
$('ul.ne.elBulletList.listSize1.listImage32.listBorder0 li')。文本(函数(551;,文本){
//return();//只是原始需求
str=``;
str+=text.split('-',1.pop();
str+=`

我们需要注意的是,这个方法会转义所提供的字符串 必要时,它将在HTML中正确呈现 DOM方法.createTextNode()不将字符串解释为 HTML


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


您不想使用
.text()
函数,但
.html
函数您也在对字符串使用反勾号…(不确定这是一个多么现实的问题,但单引号是优先的。如果必须,则使用双引号)当我在使用return$(this).html(str)时使用innerHTML或innerText时,我得到了相同的结果,然后它返回object当我使用return$(this).html(str)时,它返回object,也返回与.text()相同的.text()@SanjaySamant这是因为
.html(…)
.text(…)
都返回被修改的对象。如果您观察答案中链接的文档,您可以看到这一点。@SanjaySamant您调用
.html(…)要填充的元素上的
方法?它就是这样做的。@SanjaySamant-我不知道
html(…)
的返回值的相关性是什么。您在问题中不使用它(也不使用
.text(…)
的返回值)。您没有在问题中使用
JSON。请将
字符串化。如果您有新问题,请提供一个。@SanjaySamant您在问题中使用的是
.text(…)
。将其替换为
.html(…)
。我真的不理解这里的混淆。返回值来自
.html(…)
与此无关,我也不明白为什么会提到它。