方法和详细的操作步骤如下：
1、第一步，打开html编辑器，创建一个新的html文件，例如index.html，然后编写基本代码，如下图所示。
2、第二步，完成上述步骤后，在index.html中的<script>标签中，输入js代码，如下图所示。
3、第三步，完成上述步骤后，浏览器运行index.html页面，并使用jquery删除所有span，如下图所示。这样，以上的问题就解决了。
function getAppend(data){//循环
$.each(data, function (i, n) {
$('<a></a>').text(n.name).appendTo($('#testDiv')).linkbutton({}).on('click',function(){message(n.id)})
})
function message(ID){
alert("ID="+ID)
}
}
使用ajax。
参考代码：
$(function(){
$.ajax({
type:"POST", url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg)
}, error:function(XMLHttpRequest, textStatus, thrownError){}})
})
扩展资料：
xml：返回XML文档，可用JQuery处理。
html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。
script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。
json：返回JSON数据。
jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。
text：返回纯文本字符串。
beforeSend：要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数。
