jQuery创建的页面元素没有显示在源代码中是否正确

Question

我有以下代码(代码段):

 var numRows = $table.find('tbody tr').length;
var numPages = Math.ceil(numRows / numPerPage);
var $pager = $('<div class="pager"></div>');
for(var page =0; page < numPages; page++) {
 $('<span class="page-number">' + (page + 1) + '</span>')
  .appendTo($pager).addClass('clickable');
  }
 $pager.insertBefore($table);

当我查看页面源代码时,我看不到"<div class="...代码是否正确？

Answer 1

是.源仅用于构建表示文档的初始DOM.动态创建的元素仅插入DOM中.

但是你可以使用像DOM的WebInspector或Firefox extionsion Firebug这样的DOM查看器来分析这些元素.Firefox还可以通过在上下文菜单中选择View Selection Source选择该元素来显示代表此类动态创建元素的源代码.