JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="content">
        <div class="btn-group">
            <input type="button" class="btn-select" data-attr="888" value="按钮1" />
            <input type="button" class="btn-select" data-attr="666" value="按钮2" />
            <input type="button" class="btn-select" data-attr="555" value="按钮3" />
            <input type="button" class="btn-select" data-attr="333" value="按钮4" />
        </div>
        <div class="list">
            <li>AAAAAA888AAAAAAA</li>
            <li>AAAAAA666AAAAAAA</li>
            <li>AAAAAA555AAAAAAA</li>
            <li>AAAAAA333AAAAAAA</li>
        </div>
    </div>
</body>

CSS

.list li { list-style:none; }

JavaScript

(function ($, window, docuemnt) {
    $('.btn-select').click(function (event) {
        var tar    = event.target || event.srcElement,
            search = tar.getAttribute('data-attr'),
            $list  = $('.list li');
        $list.each(function () {
            this.innerHTML.indexOf(search) > -1 ? $(this).show() : $(this).hide();
        });
    });
}(window.jQuery, window, document))