要求:
①给需要加着重号的字,统一给一个类,可以多个字给在同一个类下面;
②会自动给每个字的下方加点,
潜在缺陷:
①对中文字体可能支持不好,但也有结局办法,即在arr.forEach的循环语句中,判断一次类,然后赋予其不同的类,针对不同类做样式即可;
<!DOCTYPE html>
<html>
<head>
<style>
.wavy {
position: relative;
}
.wavy:before {
content: ".";
position: absolute;
top: 10px;
left: 2px;
}
</style>
<script src='jq.js'></script>
<script>
$(document).ready(function () {
var text = $(".text").text();
var arr = [];
for (var i = 0; i < text.length; i++) {
arr.push(text.charAt(i));
}
var str = "";
arr.forEach(function (item) {
item = "<span class='wavy'>" + item + "</span>";
str += item;
})
$(".text").html(str);
})
</script>
</head>
<body>
<div class="text">abcdefg</div>
</body>
</html>