基础jQuery任务实现遇阻，寻求代码问题排查帮助

咱们来一步步拆解你这段jQuery代码里的问题，然后给出修复方案：

几个核心问题点 #

• 错误的元素选择范围：在each循环里用$('.filter-item span')会选中所有.filter-item下的span，而不是当前正在遍历的这个item里的span，结果就是每遍历一个item，所有span都会被重复包裹一次，最终出现多层嵌套的a标签。
• 提前终止循环：return语句在jQuery的each方法里会直接终止整个循环，导致代码只会处理第一个.filter-item就停了，后面的元素根本不会被处理。
• HTML属性不规范：href=#' + catID这种写法没给属性值加引号，虽然部分浏览器能解析，但不符合HTML规范，容易引发潜在问题。

修正后的代码 #

$('.filter-item').each(function() {
  // 获取当前遍历项的category ID
  var catID = $(this).data('category');
  // 仅选中当前item内部的span进行包裹
  $(this).find('span').wrap('<a href="#' + catID + '"></a>');
});

代码说明 #

1. 用$(this).find('span')替代全局选择器，确保只操作当前.filter-item内部的span元素，避免批量重复操作。
2. 去掉了return语句，让循环能完整遍历所有.filter-item元素。
3. 给href的属性值加上双引号，符合HTML属性书写规范。

另外你使用的jQuery 1.7.0版本，data()方法已经能正确读取data-category属性了，只要你的HTML里data-category属性是完整格式（比如示例里的data-category="1"），就可以正常工作。

内容的提问来源于stack exchange，提问作者Momo