Question

I have this html:

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

我需要让titreck跨越另一个班级，但也要把descck跨度从其父级titreck跨度。

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

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

首先，我给了父级一个类：

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

然后像这样使用unwrap：

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

但是L字母仍然存在，我只需要在descck span内部保留内容。

Answer 1

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

试试这个

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

Answer 2

这样的事情应该有效：

/*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();

Answer 3

这样做：

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

从其跨越的父级中取出跨度并为父级提供一个类

3 个答案:

DEMO