如何使用select options on button click jQuery过滤数据

<select id="filterSelect">
  <option value="all">全部</option>
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<button id="filterButton">过滤</button>

<div id="dataContainer">
  <!-- 这里是要过滤的数据 -->
</div>

$(document).ready(function() {
  $('#filterButton').click(function() {
    var selectedOption = $('#filterSelect').val();

    if (selectedOption === 'all') {
      // 显示所有数据
      $('#dataContainer').children().show();
    } else {
      // 隐藏所有数据
      $('#dataContainer').children().hide();

      // 显示符合选择的选项值的数据
      $('#dataContainer').find('.' + selectedOption).show();
    }
  });
});

<div id="dataContainer">
  <div class="option1">数据1</div>
  <div class="option2">数据2</div>
  <div class="option3">数据3</div>
</div>