Jquery 访问存储在html元素的值标记中的信息

您好，我正在做一个项目，我在弄清楚允许我访问我放在

元素中的

值
标记的逻辑时遇到了一些问题。我希望能够访问
value
的值，将其作为a值传入，以使用jQuery更改页面下方某个div的背景。我试着在控制台中搜索，并在StackOverflow上查看了类似的问题。我尝试像这样使用属性equals选择器
$（“#colors li”）[1][value=“blue”]
，控制台中返回undefined

以下是我所拥有的：

<ul id="colors">
  <li value="blue"></li>
  <li value="yellow"></li>
  <li value="violet"></li>
<ul>

解决办法可以是：


$（函数（）{
$（'#colors li'）。单击（函数（e）{
$（“#预览”）.css（“背景”，this.getAttribute（'value'）；
//在jQuery中，this.getAttribute（'value'）-->$（this.attr（'value'））
});
});


蓝色
黄色
紫罗兰色
在您的示例中，您将检索哪个
li
值-它与
$select
的关系如何？$select是我使用JQuery添加的一个下拉菜单。我想访问所有这些颜色，因为这些颜色将来会成为PDF的标识符。这没有意义，你怎么能将背景设置为多种颜色？一次访问一种颜色。这几乎是我希望发生的事情，但理想情况下，我希望访问附加到每个值的字符串。@m00saca如果您引用了包含在属性值中的字符串，我更新了代码段，感谢您的更新。我真的认为我问的问题不对，但这本身就很有帮助。
$select.change(function(){
   $("#preview").css("background" , [[ call the value here ]]);
}