要提高使用 jQuery each 函數的代碼可讀性，可以遵循以下建議：

1. 使用有意義的變量名：在循環中使用的變量名應該具有描述性，以便于理解代碼的目的。

$('selector').each(function() {
  const element = $(this);
  const elementId = element.attr('id');
  const elementClass = element.attr('class');
  // ...
});

2. 添加注釋：在代碼中添加解釋性的注釋，以幫助其他開發者理解代碼的功能和目的。

// 遍歷所有匹配的元素
$('selector').each(function() {
  // ...
});

3. 保持函數簡短：盡量讓每個循環中的操作簡潔明了，避免在循環內部執行復雜的操作。如果需要執行復雜操作，可以考慮將其封裝成單獨的函數。

function processElement(element) {
  const elementId = element.attr('id');
  const elementClass = element.attr('class');
  // ...
}

$('selector').each(function() {
  processElement($(this));
});

4. 使用鏈式操作：jQuery 支持鏈式操作，可以在一行代碼中完成多個操作，提高代碼的簡潔性。

$('selector').css('property', 'value').addClass('classname').show();

5. 遵循代碼風格指南：遵循一致的代碼風格和命名規范，使代碼更易讀。

6. 使用現代 JavaScript 特性：如果可能，可以使用現代 JavaScript 特性（如箭頭函數、解構賦值等）來提高代碼的可讀性。

const processElement = (element) => {
  const { id, class } = element.attr();
  // ...
};

$('selector').each((element) => {
  processElement(element);
});

通過遵循以上建議，可以提高使用 jQuery each 函數的代碼可讀性，使代碼更易于理解和維護。