jquery 替换html标签

html-css014

jquery 替换html标签,第1张

方法和详细的操作步骤如下:

1、第一步,打开html编辑器,创建一个新的html文件,例如index.html,然后编写基本代码,如下图所示。

2、第二步,完成上述步骤后,在index.html中的<script>标签中,输入js代码,如下图所示。

3、第三步,完成上述步骤后,浏览器运行index.html页面,并使用jquery删除所有span,如下图所示。这样,以上的问题就解决了。

用js找到那个标签位置,先删除你要改的标签,然后在容器div下面新增你要改成的标签内容,下面使用jq演示一下,首先要引入jq文件才能进行一下操作。

<div id="div"><input type="text" id="inp" /></div>

<div id="data">请输入要修改成的标签及内容:<input type="text" id="content" /></div>

<a href="#" onclick="alter()return false">修改标签</a>

<script>

function alter(){

var data = $("#content").val()

$("div").empty().append(data)

}

</script>