查看“︁棋子”︁的源代码

<div style="text-align: center;">
    <span style="font-size: 2em; font-weight: bold;">⚔️ 棋子图鉴 ⚔️</span>
    <p>点击头像或名称可跳转至详情页 | 表格支持实时筛选</p>
</div>

<!-- 筛选输入框 -->
<div style="margin: 20px 0; text-align: center;">
    <input type="text" id="searchInput" placeholder="🔍 输入关键词筛选（名称/羁绊/定位/元素...）" style="padding: 8px 15px; width: 300px; border-radius: 20px; border: 1px solid #ccc;">
</div>

<!-- 表格 -->
<table class="wikitable sortable" id="character-table" style="width: 100%; text-align: center;">
<thead>
<th>立绘</th>
<th>名称</th>
<th>所属羁绊</th>
<th>定位</th>
<th>费用</th>
<th>元素</th>
<th>弱点元素</th>
</thead>
<tbody>
<!-- ========== 请从这里开始逐行添加你的棋子数据 ========== -->
<!-- 示例：天子 -->
| [[天子|[[File:角色01.png|60px]]]] || [[天子]] || 重装战士、游戏开发部 || 肉盾 || SR 3费 || 物理 || 虚数
<!-- 示例：其他棋子请按此格式添加 -->
<!-- [[页面名|[[File:图片名.png|60px]]]] || [[页面名]] || 羁绊1、羁绊2 || 定位 || 费用 || 元素 || 弱点元素 -->
<!-- ========== 添加结束 ========== -->
</tbody>
</table>

<script>
$(function() {
    $('#searchInput').on('keyup', function() {
        var searchText = $(this).val().toLowerCase();
        $('#character-table tbody tr').each(function() {
            var rowText = $(this).text().toLowerCase();
            if (rowText.indexOf(searchText) !== -1) {
                $(this).show();
            } else {
                $(this).hide();
            }
        });
    });
});
</script>