Javascript 使用jquery替换html中的innercontent

Javascript 使用jquery替换html中的innercontent,javascript,jquery,html,Javascript,Jquery,Html,下面是伪代码 var content = $('.getcontent').html(); print content "<p>one</p> <li>1</li> <li>2</li> <a>ok<a><br>1" replace.content(li with p) var content=$('.getcontent').html(); 印刷内容 “1 一, 二, 好的1“ 替换

下面是伪代码

var content = $('.getcontent').html();
print content
"<p>one</p>
<li>1</li>
<li>2</li>
<a>ok<a><br>1"
 replace.content(li with p)
var content=$('.getcontent').html();
印刷内容
“1

  • 一,
  • 二,
  • 好的
    1“ 替换.content(li与p)
    输出:

    print content 
      "<p>one</p>
        <p>1</p>
        <p>2</p>
        <a>ok</a><br>1"
    
    打印内容
    “1

    一,

    二,

    好的
    1“
    如何才能获得结果?

    试着使用它的
    接收器功能来完成任务

    $('.getcontent').find('li').replaceWith(function(_,content){
      return '<p>' + content + '</p>';
    });
    
    $('.getcontent').find('li').replaceWith(函数(\u,内容){
    返回“”+内容+”

    ”; });

    注意:我不完全了解您的上下文,无论如何,此代码将生成无效的HTML。

    在发布之前尝试搜索,您可以在此处获得基本想法::此处还存在其他标记?这样行吗?其他标签呢
    @SomPathak嘿,你最初在问题中没有提到这一点。。?刚才您添加了附加信息。。无论如何,新的html结构不会导致任何奇怪的行为。因为我们特别选择了li元素。