选择元素时返回prevObject

Question

所以我在js文件中制作了一些元素，如下所示：

grocerySpan = $("<span>").addClass("grocery").html(grocery.name).attr('id',"page"+groceriesIdCounter);      

我的第一个问题是我是否可以像上面一行中那样分配id（使用字符串连接）？

我对每个自己的id，＃page0，＃page1 ...进行了不同的跨度，现在当我尝试选择特定范围时，如下所示：

var tempGrocerySpan = $("span"+"#page"+groceriesIdCounter+".grocery");

我收到了一个prevObject。

现在这里是我的DOM的截图 chrome debugger

当我读到prevObject意味着选择器无法找到所选的当前元素，但正如我从chrome调试器中看到的那样，我的选择器和元素选择器是相同的，还是我在监视某些东西？

感谢您的帮助。