Firebug for debugging jQuery elements

Question

I'm debugging my jQuery DataTable using Firebug. So, in the Firebub panel I see:

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

but I don't have this piece of code in my php files. How actually I can find these lines of code in my php files?

Why do you assume you can? I imagine these elements are generated by jQuery DataTable, so they won't be in your PHP script at all. — lonesomeday
– lonesomeday, Commented May 21, 2012 at 20:32

Selvakumar Arumugam · Accepted Answer · 2012-05-21 20:32:25Z

2

Those are additional wrappers created by datatables plugin to show entries drop down.

Most widget create wrappers/additional div to show their widget controls. Those div's are created by datatables plugin dynamically and so you will not find it in your php code.

answered May 21, 2012 at 20:32

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Klausos Klausos Over a year ago

How can I manually change the style (ie color, font) for these wrappers?

Selvakumar Arumugam Over a year ago

@KlausosKlausos Take a look at datatables.net/styling/custom_classes If you couldn't find what you are looking for.. let me know what style you are trying to apply.

Klausos Klausos Over a year ago

I'm applying media/css/demo_table_jui.css, but I cannot find newspaper-b_wrapper there.

Selvakumar Arumugam Over a year ago

@KlausosKlausos Can you exactly tell me what color/style you are trying to apply? The styling would probably come with the default css provided by datatable.css or it may use jquery.[..].css. You can always override it in your application css.

Klausos Klausos Over a year ago

Oh, I found dataTables_wrapper. My mistake was that I was searching for DIV id rather than DIV class in the style sheet.

Ricardo Lohmann · Accepted Answer · 2012-05-21 20:36:08Z

1

"Firebug's HTML tab shows you what the HTML looks like right now." as you can see here.
Probably it's being generated by other code php, js or html.

answered May 21, 2012 at 20:36

Ricardo Lohmann

26.4k7 gold badges86 silver badges84 bronze badges

Collectives™ on Stack Overflow

Firebug for debugging jQuery elements

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related