Javascript 如何使用ClassName向DIV添加条目

HTML来源：

<span class="specLink">
    <specialty><a title="Plastic Surgery" href="link2.aspx">Plastic Surgery</a></specialty>
</span>
<br />
<span class="specLink">
    <specialty2><a title="Hand Surgery" href="link3.aspx">Hand Surgery</a></specialty2>
</span>

如何创建一个JQuery脚本，在页面加载期间运行，以显示从上面列出的HTML源中获取的相同列表

例如：

我希望它是怎样的：

var k = "";
$(".specLink").each(function() {
    var aLink = $(".specLink").replace(<%-- Remove the <specialty#></specialty#> tags and only keep the anchor link --%>);

    k += '<div class="justPad">'; //.. as many entries that shows up
    k += aLink; //.. as many entries that shows up
    k += '</div>'; //.. as many entries that shows up
});

//Once I have added 
$(".addSpecialties").html(k);

var k=”“；
$（“.specLink”）.each（函数（）{
var aLink=$（“.specLink”）.replace（）；
k+=''；//…显示的条目数量相同
k+=aLink；/…显示的条目数
k+=''；//…显示的条目数量相同
});
//一旦我加上
$（“.addSpecialties”）.html（k）；

空白HTML：

<div class="serviceHolder brClear addSpecialties">
    //add inside here from the JQuery above
</div>

//从上面的JQuery在这里添加inside

类似于：

var specialties = $(".specLink a").map(function() {
    return $('<div class="justPad">').append( $(this).clone() )[0];
}).toArray();

$(".addSpecialties").empty().append(specialties);

var specialties=$（“.specLink a”）.map（函数（）{
返回$（''）.append（$（this.clone（））[0]；
}).toArray（）；
$（“.addSpecialties”）.empty（）.append（specialties）；

你能显示你的HTML输入和想要的HTML输出吗？@ZoffDino我更新了我的问题听起来你需要AngularJS。这是一个免费的课程，当我已经在使用JQuery时，我为什么要使用

AngularJS

？AngularJS和JQuery解决非常不同的问题。真正的问题是“为什么这个问题表明我需要AngularJS？”，我相信JorgeZuverza很难解释这一点。我是否必须添加结束语

？@SearchForKnowledge No，

@SearchForKnowledge No，但如果这有助于你放松的话，你可以这样做jQuery在没有它的情况下做了正确的事情。是的，它肯定会帮助我联系…：D我是否要在
[0]
之前添加它？否。您将使用
$（“”）
。我认为您需要休息一下，学习jQuery的基础知识。你在快速前进。
var specialties = $(".specLink a").map(function() {
    return $('<div class="justPad">').append( $(this).clone() )[0];
}).toArray();

$(".addSpecialties").empty().append(specialties);