Jquery在IE8及以下版本中附加了微妙之处

Question

我有以下代码：

var editLink = $('<a href=# class="edit" id="edit">').append('edit')

它在IE8及以下版本中无效，当我稍后使用editLink时，它根本不会产生任何效果。

这确实有效：

var editLink = $('<a href=# class="edit" id="edit">edit</a>')

但是我有很多嵌套属性，并且在jQuery中间并不需要很长的HTML。

为什么第一个版本没有用？

Answer 1

我找到了答案。

只是需要关闭正在创建的元素。即

var editLink = $('<a href=# class="edit" id="edit"></a>').append('edit');

我一直担心这会在元素之后附加文本，而不是在其中，但当然附加意味着添加到目标元素内部的末尾。

所以这完美无缺。对于没有结束标记的字段，例如

<input type=text> 

等等，你不需要拥有结束元素。