jQuery是一種廣泛使用的JavaScript庫，它有很多便捷的方法可以讓我們輕松地操作HTML和CSS。其中之一就是遍歷當前位置路徑。

$(document).ready(function(){
// 獲取當前頁面中的所有節點
var nodes = $('*');
// 循環遍歷每一個節點
for(var i = 0; i < nodes.length; i++){
if(nodes.eq(i).is('body')){
// 如果節點是body，則停止遍歷
break;
}
var nodeName = nodes.eq(i).prop('nodeName').toLowerCase();
var cssClass = nodes.eq(i).prop('class');
var path = nodeName;
// 如果節點有class，則添加到路徑中
if(cssClass){
path += '.' + cssClass.replace(/ /g, '.');
}
// 添加節點的父親節點名字到路徑
path = nodes.eq(i).parent().prop('nodeName').toLowerCase() + ' > ' + path;
// 存儲路徑
nodes.eq(i).attr('data-path', path);
}
});

通過這段jQuery代碼，我們可以遍歷當前位置中的所有節點，并為每個節點添加一個data-path屬性。這個屬性存儲的是當前節點的路徑，包括它的父級節點，以及節點的名稱和class。這對于調試和分析HTML結構非常有用。