Question

您好，我正在处理一个项目，我在找出允许我访问value标记的逻辑时遇到了一些麻烦。<li>元素。我希望能够访问value的值以将其作为一个值传递，以使用jQuery在页面的某处更改div的背景。我已经尝试在控制台中生根，并在StackOverflow上查看了类似的问题。我尝试使用属性equals selector $("#colors li")[1][value="blue"]，并在控制台中返回 undefined 。

以下是我所拥有的：

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

我想把那些＆＃34;蓝色＆＃34;，＆＃34;黄色＆＃34;或＆＃34;紫罗兰＆＃34;字符串并将它们传递给一个看起来像这样的函数，进入双括号，这样我就可以使用下拉菜单随心所欲地改变div的背景：

$select.change(function(){
   $("#preview").css("background" , [[ call the value here ]]);
}

Answer 1

解决方案可能是：

＆＃13;

$(function () {
  $('#colors li').click(function(e) {
    $("#preview").css("background", this.getAttribute('value'));
    // in jQuery this.getAttribute('value')  --> $(this).attr('value')
  });
});

＆＃13;

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<div id="preview" style="height: 30px;width: 30px;">

</div>
<ul id="colors">
    <li value="blue">blue</li>
    <li value="yellow">yellow</li>
    <li value="violet">violet</li>
</ul>

＆＃13;

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

1 个答案: