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
      });

输出为

&lt;div class="heading"&gt;
Full Access For Our Online Academy
&lt;/div&gt;&lt;div class=text"&gt;  Over 12 Hours Of Valuable Education, Made Up By Short Videos &lt;/div&gt;

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

谢谢

Answer 1

.text( text )

我们需要注意，此方法转义了提供的字符串   使其能够正确显示为HTML。为此，它调用   DOM方法.createTextNode（）不会将字符串解释为   HTML。

.html( function )

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

HTML标签显示为字符串

1 个答案: