在纯JavaScript中这等效于什么？

Question

$('<span class="pictos">j</span>').prependTo('li');

Answer 1

var li = document.getElementsByTagName('li');
for (var i = 0; i < li.length; i++) {
  var e = document.createElement('span');
  e.className = 'pictos';
  e.appendChild(document.createTextNode('j'));
  li[i].insertBefore(e, li[i].firstChild);
}

JSBin的工作示例

Answer 2

jQuery实际要做的是获取元素并为需要附加到其上的每个父元素克隆它，这样会更快一些，如下所示：

var span = document.createElement('span');
span.className = 'pictos';
span.appendChild(document.createTextNode('j'));

var lis = document.getElementsByTagName('li');
for (var i = 0; i < lis.length; i++) {
    lis[i].insertBefore(span.cloneNode(true), lis[i].firstChild);
}​

您可以在这里进行测试 。