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

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

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