jquery选择器实现传入变量

jquery作为一个经久不衰的js库，用起来其实是很方便的。就单单那选择器来说，可以秒杀js几条街。
原生js要document.getElementsByTagName("ul") 这么麻烦的写法，jq一个$("ul") 就解决了。
但是在实践操作的时候也遇到了问题。
想实现查询到第i个ul并为其增加class为city的li标签。
如果使用原生js，虽然可以查到第i个ul，但是增加节点实在是太麻烦了。

var i = 2;
var p = document.getElementsByTagName("p")[i];
var span = document.createElement("span");
span.class = "city";
p.appendChild(span);
所以决定用jquery试试，毕竟`$("p:eq(i)").append("<span class='city'></span>")很方便！

但是发现报错了。。看来是不能直接传入变量进去，但是jquery也就是js的一个库啊！js可是一个弱类型的语言啊！所以！

`$("p:eq("+i+")").append("<span class='city'></span>")

就愉快的把变量i传进去啦~ 这也使js方便了很多噢！
js是弱类型语言这句话不只是一个放在那里的定义 要更多的运用和体会！