有没有办法在<p>内用<img src>替换一部分文本？

灵敏的Sirin

我要执行的操作是如果该代码在段落的页面上用图像替换了'：•：'文本的一部分，则将其强制执行。

$("p").each(function () { 
    if ($(this).children().length == 0) {
        $(this).text($(this).text().replace(':•:').html('<img src = "http://lilpic.png" />')); 
    } 
});

但是我最后得到的是，确实确实替换了文本，但不是按原样替换图像，而是使用了丑陋的原始HTML代码。我究竟做错了什么？最后，我只需要一个代码，即可将标记“：•：”更改为图片。

克里斯·快乐

为了达到预期的效果：

使用.html()，而不是.text()来设置的HTML。（请记住，它不再只是文本。）
用.replace(':•:', '<img src="http://lilpic.png" />')代替.replace(':•:').html('<img src = "http://lilpic.png" />')

注意：该图像将不会显示。（因为http://lilpic.png不是图像的链接。

$("p").each(function() {

  if ($(this).children().length == 0) {
    $(this).html($(this).text().replace(':•:', '<img src="http://lilpic.png" />'));
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<p>Hello, this is some text :•:</p>

另外，您还可以对下面列出的代码进行一些其他改进。

$("p").each(function() {
  // Use $(this) instead of $(this), as it's faster
  var $this = $(this);

  if ($this.children().length == 0) {
    //Replace ':•:' with an image and store it in a variable called `newText`
    var $newText = $this.text().replace(':•:', '<img src="http://lilpic.png" />');

    //Set the new text with the replace image
    $this.html($newText);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<p>Hello, this is some text :•:</p>

<p>Hello, this is some text :•:</p>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。