Javascript 查找链接的值并将该链接用作父元素的类名

嘿，伙计们，我有以下HTML：

<div>
    <span class="icon">
        <a href="#">Technology</a>
    </span>
</div>

<div>
    <span class="icon">
        <a href="#">Design</a>
    </span>
</div>

<div>
    <span class="icon">
        <a href="#">Management</a>
    </span>
</div>

但它只是将第一个链接的值作为每个跨度的类名

谢谢你一如既往的帮助

使用

.each（）

以类

图标

在所有范围内迭代：

$('.icon').each(function(){
    $(this).addClass($(this).find('a').html())
})

您可以使用：

1） 使用类

图标在跨度中循环

2） 在您的范围内查找子锚点

3） 要获取找到的锚的文本：

$.each($('span.icon'), function(){
    $(this).addClass($(this).find('a').text());
});



您也可以通过循环执行此操作：

var spans = $(".icon");

for(var i = 0; i < spans.length; i++)
{
    var cspan = $(spans[i]);
    $(cspan).addClass($(cspan).find("a").html());
}

var span=$（“.icon”）；
对于（变量i=0；i

您可以在页面加载或某些事件下运行此操作：

$(".icon").each(function(){
   var name = $(this).find("a").text();
   $(this).addClass(name);
});

为我辩护，在我已经添加了我的答案后，他将他的答案改为与我的答案相同。
$(".icon").each(function(){

    $(this).addClass($(this).find("a").html());

});

var spans = $(".icon");

for(var i = 0; i < spans.length; i++)
{
    var cspan = $(spans[i]);
    $(cspan).addClass($(cspan).find("a").html());
}

$(".icon").each(function(){
   var name = $(this).find("a").text();
   $(this).addClass(name);
});