使用原型插入使用id和類的特定位置添加元素到現有的html插入

Question

我想要使用原型插入將元素添加到現有的html內容。下面是我在這裏的工作

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

我想在< TR類=「過濾器」>添加其他<日>的HTML，我試圖做到這一點使用下面的原型代碼

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

請提供一些建議我在這裏做錯了嗎???

Answer 1

In PrototypeJS $（'filter'）選擇元素與id =「filter」。如果你想按類選擇，那麼使用$$函數。事情是這樣的：

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

但我建議要麼改變類名稱的東西更獨特，或使用ID而不是類的。