javascript - 在 eq() 中使用变量

Question

index = 5;
alert($('ul li:eq(index) a',context).html());

此脚本将发出警报:“Null”，但是当我更改为:

alert($('ul li:eq(5) a',context).html()); // it works

那么这个脚本有什么问题呢？

Answer 1

alert($('ul li:eq('+index+') a',context).html());

因为当您使用 'ul li:eq(index) a' 时，结果选择器与 'ul li:eq(index) a' 相同。

但是当您使用像 'ul li:eq(' + index + ') a' 这样的字符串连接时，结果选择器将变为 'ul li:eq(5) a' 因为 JS 解释器替换了 index 变量的值并构建了新的字符串。