(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))
<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>
.list li { list-style:none; }