自动完成菜单下拉列表中的jquery透明背景

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<input type="text" id="autocomplete-input" />
<ul id="autocomplete-list"></ul>

$(document).ready(function() {
  $('#autocomplete-input').keyup(function() {
    var query = $(this).val();
    
    // 发送异步请求获取匹配的数据
    $.ajax({
      url: 'your-api-url',
      method: 'GET',
      data: { query: query },
      success: function(response) {
        var autocompleteList = $('#autocomplete-list');
        autocompleteList.empty(); // 清空下拉列表
        
        // 动态生成下拉列表项
        response.forEach(function(item) {
          var listItem = $('<li>' + item + '</li>');
          autocompleteList.append(listItem);
        });
        
        // 设置透明背景
        autocompleteList.css('background-color', 'rgba(0, 0, 0, 0.5)');
      },
      error: function() {
        console.log('Error occurred');
      }
    });
  });
});