W3.JS HTML 过滤器
过滤元素
w3.filterHTML(selector)
过滤列表
在输入字段中搜索名称。
- {{CustomerName}}
示例
<input oninput="w3.filterHTML('#id01', 'li', this.value)">
<ul id="id01">
<li>Alfreds Futterkiste</li>
<li>Berglunds snabbkop</li>
...
亲自试一试 » 带 CSS »过滤表格
| 名称 | 国家 |
|---|---|
| Berglunds snabbköp | 瑞典 |
| 北/南 | 英国 |
| Alfreds Futterkiste | 德国 |
| Königlich Essen | 德国 |
| Magazzini Alimentari Riuniti | 意大利 |
| Paris spécialités | 法国 |
| Island Trading | 英国 |
| Laughing Bacchus Winecellars | 加拿大 |
示例
<input oninput="w3.filterHTML('#id01', '.item', this.value)">
<table id="id01">
<tr>
<th>客户</th>
<th>城市</th>
<th>国家</th>
</tr>
<tr class="item">
<td>Alfreds Futterkiste</td>
<td>柏林</td>
<td>德国</td>
</tr>
<tr class="item">
<td>Berglunds snabbkop</td>
<td>吕勒奥</td>
<td>瑞典</td>
</tr>
...
亲自试一试 » 带 CSS »
