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

var show = function(text){
    $("li").css('display','none');
    $("li:contains(" + text + ")").css('display','block');
};
$('.btn-select').click(function (event) {
    var tar = event.target || event.srcElement,
        text = tar.getAttribute('data-attr');
    show(text);
});