Javascript jquery根据输入值按名称查找元素，并将其id分配给另一个元素

我有大约9个无序列表，它们类似于一个颜色组（红色、蓝色、绿色等）。每个颜色组包含x个列表项（浅蓝色、深蓝色等）。当用户单击某个列表项时，它会将该列表项的id（包含某个背景色）分配给previewbox并显示所选的背景色。它还将单击列表项的文本字符串传递给输入字段。numbercheck。我需要这个文本字符串进行进一步处理

HTML标记的示例：

<input type="text" class="numbercheck">
<div class="previewbox" id="nocolor"></div>

<div class="color-panels">
  <ul id="blue-panel" class="colorpanel">
    <li id="ral-1000-lightblue" name="1000">RAL 1000</li>
    <li id="ral-1001-darkblue" name="1001">RAL 1001</li>
  </ul>

  <ul id="red-panel" class="colorpanel">
    <li id="ral-2000-red" name="2000">RAL 2000</li>
    <li id="ral-2001-darkred" name="2001">RAL 2001</li>
  </ul>
</div>

或：

最后一个示例不适用于我，它给了我一个错误，在

var listitem

所在的行中缺少“）”

---

任何帮助都将不胜感激。

因为

inputval

是正确创建选择器文本所需的变量

var inputval = $('input.numbercheck').val();
var listitem = $('.colorpanel li[name='+ inputval + ']').attr('id');

试着替换

$（'.colorpanel li[name='inputval']）.attr（'id'）

与

$（'.colorpanel li[name='+inputval+']）.attr（'id'）
我不知道它是这样工作的，谢谢你的回答！
var inputval = $('input.numbercheck').val();
var listitem = $('.colorpanel li[name='inputval']').attr('id');

var inputval = $('input.numbercheck').val();
var listitem = $('.colorpanel li[name='+ inputval + ']').attr('id');