<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
each():遍歷獲取到每一個節(jié)點的元素球拦,然后對這個節(jié)點元素靠闭,進(jìn)行某種操作
$('li').each(function(){
//$(this):this選擇器,表示當(dāng)前遍歷的元素
//alert($(this).text());
//拼接新文本
var $text = $(this).text() + '<span style="color:red">促銷</span>';
$(this).html($text);
});
})
</script>
</head>
<body>
<ul>
<li>商品1</li>
<li>商品2</li>
<li>商品3</li>
<li>商品4</li>
<li>商品5</li>
</ul>
</body>
</html>