jQuery .prepend()用法帮助

Question

当只有一行代码时，例如.prepend("<li>item1<li>")，.prepend()可以工作，但当我尝试在其中放入一大块代码时，例如使用类的多个div等，它就不能工作。但是，我看到你可以向它传递一个函数，但是我不知道它的语法。

如果我需要使用$(selector).prepend(function(index,html))，请帮我使用这个。

编辑:我通过传递一个函数让它工作，我仍然不知道如何使用索引，html参数。

Answer 1

你应该创建字符串...

var myString = '<div class="lorem"><div id="temp" class="ipsum"></div></div>';

然后把它放在前面：

$(selector).prepend(myString);

注意:一定要将DOM插入减少到最小。工作解决方案：http://jsfiddle.net/mCUWe/

编辑:如果你想格式化你的标记，你可以做一些叫做字符串连接的事情。同样有效：http://jsfiddle.net/mCUWe/1/

var myString = '<div class="lorem">LOREM'
              +'<div id="temp" class="ipsum">IPSUM'
              +'</div></div>';

2017年2月更新

现在我推荐使用ES2015 Template-Strings

Answer 2

index参数将告诉您当前元素在选择器中的位置

html参数将告诉您当前元素的旧html

例如，如果您想要一个ul，并且想要在请求中插入li编号：

$('ul').find('li').prepend(function(index, html){
  return 'li number ' + index;
})