将当前标签切换到另一个

Question

我有一个像

这样的标签

<p>this is a pa|ragraph</p>

我想按一个按钮并将p更改为另一个标签。

我该怎么做？

Answer 1

安装Emmet（以前的ZenCoding）插件。它有一个快捷键 super + shift + k （对于Mac，对于其他操作系统，它应该是Ctrl而不是Super）。< / p>

{
    "keys": [
        "super+shift+k"
    ], 
    "command": "rename_tag", 
    "context": [
        {
            "key": "emmet_action_enabled.rename_tag"
        }
    ]
}, 

只需突出显示该标记，按下该组合即可同时选择开始和结束标记。因此，您只需键入新标记即可。

Answer 2

我认为你不能简单地替换标签，但是Jquery有一个函数调用“.replaceWith”，你可以简单地用它来做这样的事情。

<p id="someID">Some text goes here</p>

然后在Javascript中

var content = $('#someID').html();
$('#someID').replaceWith('<h2 id="someID">' + content + '</h2>');