使用unwrap功能:
$('ruby').unwrap();
修改强>
如何按照上述链接中的教程示例进行类似操作?
pTags = $('ruby');
if ( pTags.parent().is("span") ) {
pTags.unwrap();
pTags.wrap("");
} else {
pTags.unwrap();
pTags.wrap("");
}
打开标记,并用占位符标记将其打包。
更新1:
好吧,我之前的代码有正确的“伪代码”,但我测试了它并且它无法正常工作。相反,我必须做这样的事情:
pTags = $('ruby');
var content = pTags.contents();
$("button").click(function () {
if (content.parent().is("span")) {
content.unwrap().wrapAll("");
} else {
content.unwrap().wrapAll("");
}
});
更新2:
更新1未考虑多个标记。我已更新代码,以便它适用于多个ruby标记以及嵌套的标记!
var wrapper = $('ruby');
var content;
$("button").click(function () {
wrapper.each(function () {
content = $(this).contents();
if (content.parent().is("span")) {
content.unwrap().wrapAll("");
wrapper = $('ruby');
} else {
content.unwrap().wrapAll("");
wrapper = $('span.unwrapped_ruby');
}
});
});