gpt4 book ai didi

HTML:检测 Unicode 并应用类

转载 作者:太空宇宙 更新时间:2023-11-04 00:52:16 24 4
gpt4 key购买 nike

有没有办法检测 html 文件中字符的 unicode 并将类应用于最近的 div/span?

例如,如果有一个包含英文(拉丁字符)的 div,我想将“en”类应用于该 div。如果有一个包含日语字符的 div,我想将“jp”类应用到那个 div。

(如果两者都有,我想这两个类都可以应用)。

最佳答案

使用divs[i].textContent.match

Use unicode range

For japanese unicode

var divs = document.querySelectorAll("div");

for (var i = 0; i < divs.length; ++i) {
if(divs[i].textContent.match(/[\u0020-\u007F]+/g)){
divs[i].classList.add('eng');
}
else if(divs[i].textContent.match(/[\u3041-\u3096]+/g)){
divs[i].classList.add('jp');
}
}
.eng{
color:red;
}

.jp{
color:blue;
}
<div>english</div>
<div>良い一日を</div>

编辑

要查询页面中的所有标签,请使用:document.querySelectorAll("body *");

    var elements = document.querySelectorAll("body *");

for (var i = 0; i < elements.length; ++i) {
if(elements[i].textContent.match(/[\u0020-\u007F]+/g)){
elements[i].classList.add('eng');
}
else if(elements[i].textContent.match(/[\u3041-\u3096]+/g)){
elements[i].classList.add('jp');
}
}
    .eng{
color:red;
}

.jp{
color:blue;
}
<div>english</div>
<div>良い一日を</div>
<span>english span</span>
<label>良い一日を</label>

关于HTML:检测 Unicode 并应用类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55627510/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com