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字符串)能創建，後來的版本就替換了只有帶<>的纔是標記爲是創建元素。

寫這篇是給自己個警告，竟然犯了兩次錯誤。謹記！！