Add element to existing html using specific location using id and class using prototype insert

Question

i am trying to add Element to existing html content using prototype insert. below is the html on which i am working

<table id="productGrid_table" class="data" cellspacing="0">
<thead>
    <tr class="filter">
        <th>
            <div class="range">
            </div>
        </th>
    </tr>
</thead>

here i want to add another < th> in < tr class="filter">, i am trying to achieve this using below prototype code

$('filter').insert("<th><div class='field-100'></div></th>");

please provide some suggestion what i am doing wrong here???

Alexei Yerofeyev · Accepted Answer · 2013-06-20 09:35:12Z

1

In PrototypeJS $('filter') selects element with id="filter". If you want to select by class, then use $$ function. Something like this:

$$('.filter')[0].insert("<th><div class='field-100'></div></th>");

But I'd recommend either changing class name to something more unique, or use id instead of class.

answered Jun 20, 2013 at 9:35

Alexei Yerofeyev

2,1031 gold badge17 silver badges21 bronze badges

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

1 Comment

Geek Num 88 Over a year ago

In this instance you can make it more unique by using the id from the table as well $$('#productGrid_table .filter')[0]

Collectives™ on Stack Overflow

Add element to existing html using specific location using id and class using prototype insert

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related