如何使用类名将条目添加到 DIV

How to use ClassName add entries to a DIV

本文关键字：添加 DIV 何使用      更新时间：2023-09-26

HTML source：

<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 源代码中获取的相同列表？

例如：

<div class="justPad">
    <a title="Plastic Surgery" href="link2.aspx" class="defaultLinks">Plastic Surgery</a>
</div>
<div class="justPad">
    <a title="Hand Surgery" href="link3.aspx" class="defaultLinks">Hand Surgery</a>
</div>

我希望它如何：

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);

空白网页：

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

像这样：

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