Javascript 如何从图元中删除跨度标记？

我想删除所有包含类文章的span标记，并将新的span标记附加到内容

<div class="asd">
        <span class="location">Foo</span>  
        <span class="article">bar</span>   
        <span class="article">lorem</span>   
        <span class="article">ipsum</span>
</div>

我希望javascript在DOM中找到它，如果它存在，那么从元素中删除span标记，并将它们全部放在一个span标记中，如下所示

<div class="asd">
            <span class="location">Foo</span>  
            <span class="article">bar lorem ipsum</span>   
</div>

任何帮助都将不胜感激。

您可以使用jQuery的每个函数来实现此目的，请查看下面更新的代码段：

var newHTML=； $'.asd span.article'.eachfunction{ newHTML+=$this.text+； $this.remove； } $'.asd'.append+newHTML+； 福 酒吧 洛勒姆 乱数假文

---

在这里您可以使用jquery进行检查：

    <div class="asd">
    <span class="location">Foo</span>  
    <span class="article">bar</span>   
    <span class="article">lorem</span>   
    <span class="article">ipsum</span>
   </div>

Js

希望这对您有所帮助。

试试这个。与函数jquery一起使用。检查数组中包含的类名。然后将类名传递给数组。 并且还添加了具有相同类名的eq0first元素的受尊重文本

var-arr=[]； $'.asd'.children'span'.eachfunction a{ var cls=$this.attr'class'； 如果！arr.includescls{ arr.pushcls； } 否则{ $'.+cls.eq0.text$'.+cls.eq0.text+''+$this.text $this.remove } } console.log$'.asd'.html 福 酒吧 洛勒姆 乱数假文

---

请发布到目前为止您所尝试的内容，以便我们提供帮助。那么，您想合并具有相同类的跨距中的文本吗？LoremFooIpsum的结果应该是什么？问题是什么？我所看到的只是一个要求，请让我们一起努力。不要用勺子喂溶液。所以不是免费获得代码的portalOK，将来会记得：请让OP分享努力。不要用勺子喂溶液。所以不是免费的portalAlso获取代码，请解释您更改的内容和原因。首先，你不应该不费吹灰之力就回答一个问题。它促进填鸭式喂食。第二，如果您仍然选择回答，请添加解释。试试看，这不是一个解释

    <div class="asd">
    <span class="location">Foo</span>  
    <span class="article">bar</span>   
    <span class="article">lorem</span>   
    <span class="article">ipsum</span>
   </div>

$(".article").remove();
$(".asd").append('<span class="article">bar lorem ipsum</span>');