javascript - Jquery 选择器不适用于变量

Question

我正在尝试在控制台中创建一个脚本来输出聊天用户的昵称。

首先让我们尝试通过复制和粘贴路径来实现:

我们在 Chrome 控制台中检查名称并复制其选择器:

acc > div.scrolledPart.ps.ps--theme_default.ps--active-y > div:nth-child(6) > div > ul > li:nth-child(3)

将上述路径分配给变量user3

var user3 =$('#acc > div.scrolledPart.ps.ps--theme_default.ps--active-y > div:nth-child(6) > div > ul > li:nth-child(3)');

在alert中输出用户的昵称

alert("3d user's nick is : " + user3.attr("nick"));

用户名成功显示在警报中。

现在让我们尝试相同的步骤，只是这次将路径分配给变量:

检查用户列表并将其分配给 userList 变量。

var userList=$0;

检查它是否分配正确，似乎在控制台中打开，因此 userList 是正确的。

将 userList 集合的第三个元素分配给 user3 变量。 (理论上应该是第三个用户)。

var user3=$('userList > li').eq(3);

尝试输出用户昵称来提醒:

alert("3d user's nick is : " + user3.attr("nick"));

警报“未定义”!!!!

你能帮我找出为什么“nick”属性没有正确显示吗？我认为问题出在步骤 3 中，但如果我们从 Chrome 中复制并粘贴选择器，它会起作用，但如果我们尝试从变量中执行完全相同的操作，则它不起作用。下面是问题的图片。

Screenshot of the problem

Answer 1

在这一行中:

var user3 = $('userList > li').eq(3);

'userList' 是字符串文字，而不是变量。

在本例中，要使用变量:

var user3 = userList.find(">li").eq(3)