// 自定义CSS样式
<style>
p{color:green}
</style>
<p>这是一个段落。</p>
var style = document.createElement('style');
style.textContent = `
p{color:red}
`;
document.head.appendChild(style);
//document.body.appendChild(res);
$(document).ready(function() {
$('tps').replaceWith(function() {
return $('<span/>', {
class: 'red-text',
html: $(this).html()
});
});
});
// 在你的CSS文件中添加以下样式
.red-text {
color: red;
}
$("#element").replaceWith(function() {
return "<div>" + $(this).text() + "</div>";
});
$("#element").replaceWith($("<div>新的jQuery对象</div>"));
var wrapper = $("<div class='wrapper'></div>");
$("#element").wrap(wrapper);
function wrapTextNodesWithSpan(element, color) {
$(element).not("button").contents().each(function() {
//var isParentButton = $(this).parent().is('button');
if (this.nodeType === Node.TEXT_NODE && $.trim(this.nodeValue)) {
// 检查当前节点是否直接位于设置了color样式的span内
var isParentSpan = $(this).parent().is('vb');
if (!isParentSpan) {//&&!isParentButton
var span = $("<vb style='color:" + color + "'>").text(this.nodeValue);
$(this).replaceWith(span);
}
} else if (this.nodeType === Node.ELEMENT_NODE && !$(this).is('vb')) { // 如果是元素节点且不包含设置了指定vb标签
// 将颜色样式传递给子元素，以便递归处理&&!$(this).is('button')
wrapTextNodesWithSpan($(this), color);
}
});
}
$(document).ready(function() {
//$('*:not(script):not(style)')
//wrapTextNodesWithSpan($('body').find("p"), 'red');//指定元素设置vb
//$(element).find('button').remove()
wrapTextNodesWithSpan($("body"),"red");//*
});
$(document).ready(function() {
// 选择页面中所有的元素及其文本节点
$('*').contents().filter(function() {
return this.nodeType === Node.TEXT_NODE;
}).each(function() {
// 如果文本节点不是空白字符，则包裹在<b>标签内
if (this.nodeValue.trim()) {
$(this).replaceWith($('<span style="color:red">').text(this.nodeValue));
}
});
});
$("p").wrapInner("<b>");
var span = $("<b>").text(123);
$("p").contents().replaceWith(span);
<body>
<p>如果你点我，我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
<body style="">
<p><span style="color:red">如果</span></p>
<p><span style="color:red">点我</span></p>
<p><span style="color:red">接着</span></p>
</body>
$("#ab").parent().is("div") && $("#ab").parent().attr("id") == "vb")
<div id="vb"><p id="ab">2</p><div>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/200899.html
