Firebug 用于调试 jQuery 元素答案

【问题标题】：Firebug for debugging jQuery elementsFirebug 用于调试 jQuery 元素
【发布时间】：2012-05-21 20:30:03
【问题描述】：

我正在使用 Firebug 调试我的 jQuery DataTable。所以，在 Firebub 面板中我看到：

<div id="newspaper-b_length" class="dataTables_length">
<label>
Show
<select name="newspaper-b_length" size="1" aria-controls="newspaper-b">
entries
</label>
</div>

但我的 php 文件中没有这段代码。我实际上是如何在我的 php 文件中找到这些代码行的？

【问题讨论】：

你为什么认为你可以？我想这些元素是由 jQuery DataTable 生成的，所以它们根本不会出现在你的 PHP 脚本中。

标签： php jquery debugging firebug

【解决方案1】：

这些是datatables 插件创建的附加包装器，用于显示下拉条目。

大多数小部件创建包装器/附加 div 以显示其小部件控件。这些 div 是由 datatables 插件动态创建的，因此您不会在 php 代码中找到它。

【讨论】：

如何手动更改这些包装器的样式（即颜色、字体）？
@KlausosKlausos 看看datatables.net/styling/custom_classes 如果你找不到你要找的东西..让我知道你想应用什么风格。
我正在申请 media/css/demo_table_jui.css，但是我在那儿找不到报纸-b_wrapper。
@KlausosKlausos 你能准确告诉我你想应用什么颜色/样式吗？样式可能会附带 datatable.css 提供的默认 css，或者它可能使用 jquery.[..].css。您可以随时在应用程序 css 中覆盖它。
哦，我找到了dataTables_wrapper。我的错误是我在样式表中搜索的是 DIV id 而不是 DIV 类。

【解决方案2】：

“Firebug 的 HTML 选项卡向您展示了 HTML 现在的样子。”如您所见here.
可能是由其他代码php、js或html生成的。

【讨论】：