<分区>
标签 javascript html css colors
<分区>
我有链接列表,我需要更改每个第一个单词的颜色或只添加带有类的 html 标签。
我的代码是:
<ul>
<li><a href="#">example one</a></li>
<li><a href="#">example two</a></li>
<li><a href="#">example tree</a></li>
</ul>
例如,列表中的每个单词“example”都需要是红色。
最佳答案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<style>
.firstWord{
color: red;
}
</style>
</head>
<body>
<ul>
<li><a href="">Hello world</a></li>
<li><a href="">Hello world</a></li>
<li><a href="">Hello world</a></li>
<li><a href="">Hello world</a></li>
</ul>
</body>
<script>
$('li a').each(function(){
var text = $(this).text().split(' ');
if(text.length < 2)
return;
text[0] = '<span class="firstWord">'+text[0]+'</span>';
$(this).html( text.join(' ') );
});
</script>
</html>
关于javascript - 仅使用 javascript 更改 li 中每个第一个单词的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24360883/