技術標籤：frontendjavascriptjsjquery

<div id="content">
<ul>
<li class="content">12</li>
<li class="content">34</li>
</ul>
</div>
<script src="jquery-3.3.1.js" ></script>
<script>
$('#content').click(function(){
//this是被點選的#content
var that = this;
$('.content').each(function(){
//this是.content迴圈中當前的物件
console.log(this);
console.log(that);
//that仍然是剛才被點選的#content
});
});
</script>
 

輸出結果

javascript中this會跟隨出現的位置指向不同的物件需要具體分析使用。特別是在回撥函式中的使用。