jquery - 从跨度父级中取出跨度并给父级一个类

Question

I have this html:

<span class="titreck">
L
<span class="descck">Column 1</span>
</span>

我需要给 titreck span 另一个类，但也要将 descck span 从其父 titreck span 中取出。

页面上还有其他的titreck span，我只需要影响这个。

我尝试使用破坏滴定跨度的 unwrap，但 L 字母仍然存在，这是一个问题。

首先，我给了父跨度一个类：

$('span.descck').parent().addClass('hideme');

然后像这样使用 unwrap ：

$('span.descck').unwrap();

但是 L 字母仍然存在，我只需要 descck span 中的内容即可。

Answer 1

使用has()方法...addClass()添加类并替换它的文本，使用text()descck 类的文本

尝试这个

$('span.titreck:has(".descck")').addClass('hideme').text($("span.descck").text());

Answer 2

这样做：

var de = $('.descck').clone(); //<-----make a copy of this span
$('.descck').remove(); //<-------remove it 
de.insertAfter('.titreck'); //<---insert after its parent
$('.titreck').toggleClass('titreck newClass'); // <---toggle the class to new one

演示

Answer 3

像这样的东西应该工作：

/*Change the class of the span having a class of titreck that is a parent of the span having a class of descck */
$("span.descck").parent(".titreck").addClass("newClass").removeClass("titreck");
/*Remove the span that has a class of descck*/
$("span.descck").remove();