Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
    <!-- List.js v1.5.0 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script>
</head>
<body>
    <div id="example">
        <!-- 
            // 類別設定[註2]
            fuzzy-search: 搜尋
        -->
        <input type="text" class="fuzzy-search" />
        <hr />
        <ol class="list">
            <li>
                <span class="name">Tom</span>
                <em class="age">25</em>
            </li>
            <li>
                <span class="name">Mike</span>
                <em class="age">30</em>
            </li>
            <li>
                <span class="name">Jack</span>
                <em class="age">15</em>
            </li>
            <li>
                <span class="name">Bob</span>
                <em class="age">20</em>
            </li>
        </ul>
    </div>
    <script>
        var example = new List( "example", {
            // 參數設定[註1]
            valueNames: [ "name", "age" ] // 排序項目
        });
    </script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
hsuehmingfangpro
0viewers