jquery的HTML 的 element选择和创建

昨天和今天被坑了两次，昨天遇到了，今天也遇到了。写这篇谨记。

在jquery中，创建一个html元素有这样一种写法

$("<div>",{

id:'test',

class:'testclass'

})

选择元素 用下面的方法

$("div")

我遇到的场景本来是 通过循环，动态生成添加HTML元素

$(data).each(function (i, n) {
             
              var h6 = $("<h6>",{
                  text : n['objectid']
              });
              var h5 = $("<h5>",{
                  text : i
              });
              var divPolliteml = $("<div>",{
                  class:'pool-item-l'
              });
              var divPollitemr = $("<div>",{
                  class:'pool-item-r'
              });
              divPollitemr.append(h5);
              divPollitemr.append(h6);
          

              <span style="color:#ff6666;">var li = $("<li>");</span>

              li.append(divPolliteml);
              li.append(divPollitemr);

              $("#cephpool").append(li);

       
          });

注意上面标红的地方，我写错了，写成了$("li")

这样就成了吧页面上所有li元素 都选取上来了，然后就出问题，页面整个就乱套了。

我记得在jquery的一开始的版本中还能通过 $( html字符串)能创建，后来的版本就替换了只有带<>的才是标记为是创建元素。

写这篇是给自己个警告，竟然犯了两次错误。谨记！！