我很确定这是可能的,我认为我在正确的轨道上,但它仍然对我不起作用; 我将其作为jquery,已导入了最新的jquery文件-我想要的是每个颜色列表项,它们包含的内容将用作其背景色。 如果有人能帮助我,就像我已经尝试了数十个小时而没有成功,请谢谢。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> $( "$li.selected-color" ).each(function(element) { var colorlinkcontent = $(element).html(); $(element).css("background-color", colorlinkcontent); }); </script> <ul class="colors"> <li class="selected-color">#f334568 <li class="selected-color">#f334568 <li class="selected-color">#f334568 <li class="selected-color">#f334568 </ul> <hr/> <span class="title">Selected criteria:</span> <ul class="selected-criteria"> <li>yolo <li class="selected-color">#f334568 <li>Website </ul> 

#1楼 票数:1

一些问题:

  1. 没有li关闭标签。
  2. 没有script开始标签。
  3. 十六进制颜色代码位数过多。
  4. 脚本标记需要等待,直到DOM加载完毕或在列表元素之后。
  5. 您需要阅读.each()工作方式,因为回调函数的第一个参数是索引而不是元素。
  6. 选择器应该是li.selected-color而不是$li.selected-color

 <ul class="colors"> <li class="selected-color">#f33456</li> <li class="selected-color">#f33456</li> <li class="selected-color">#f33456</li> <li class="selected-color">#f33456</li> </ul> <hr/> <span class="title">Selected criteria:</span> <ul class="selected-criteria"> <li>yolo</li> <li class="selected-color">#f33456</li> <li>Website</li> </ul> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> $( "li.selected-color" ).each( function() { var $el = $(this); $el.css( "background-color", $el.text() ); }); </script> 

  ask by user2932417 translate from so

未解决问题?本站智能推荐:

6回复

单击更改元素的背景图像

我想在链接单击时更改页面的正文,标题,菜单和主要块的背景图像。 首先,我正在尝试仅更改身体背景。 我的默认身体背景图像在我的CSS文件中分配: 我尝试了这个jQuery函数,但是它不起作用。
4回复

jQuery更改背景大小

我在通过jQuery更改背景大小时遇到​​问题。 当您仅给出一个参数时,它可以工作,但是当我给出2个参数时,它不起作用,我需要通过jQuery 2变量将其宽度和高度发送到background-size中。 这是我的js代码示例。 这是演示 http://jsfiddle.net/L
1回复

如何通过javascript更改背景重复和背景大小

我目前有这个,它正在为我工​​作: 我还需要在JavaScript中实现这部分CSS代码,以便我可以动态更改背景和更改时的相同CSS设置: 谁能帮我这个?
1回复

更改渐变背景的颜色(Chrome)

我正在尝试以一种迷幻的方式更改渐变背景的颜色(颜色会很奇怪) 我写了下面的代码,但我不明白为什么我根本不能改变背景颜色。 我没有收到任何错误,背景只保持白色。 我猜它会比我想象的要复杂一些 checknumber()函数只检查数字是否大于 255,如果大于则重置为 0。
2回复

向页面添加内容会使背景混乱[重复]

这个问题已经在这里有了答案: CSS背景渐变重复问题 2答案 我已使用此生成器生成我喜欢的渐变背景。 这样,我设法创建了以下外观CSS代码。 它在蓝色的不同口味之间淡入淡出。 我已将其粘贴到我的CSS代码的主体部分中。 它看起来很平滑,但是当我使用在另一个主题中发布的
1回复

jQuery-更改多个背景图像

我有一个CSS代码,可以使用8张图片创建框架: 我的目标是制作一个JQuery程序,该程序可以将源更改为不同的图像。 我在为多个背景图像定义JQuery中的更改时遇到问题。 我总是只能更改一张图像。 jQuery代码: 如果有人知道如何做到这一点对我有帮助,我将不胜感激。 谢谢
3回复

单击预览按钮会更改页面的背景?

我运行一个免费资源网站,提供可图块/无缝模式,我正在尝试在我的帖子中添加一个按钮(带有脚本),访问者可以点击这些按钮来更改页面的背景图像,以便他们可以预览模式。 因此,例如在这篇文章( http://tileablepatterns.com/denim-pattern/ )上,我希望用户能够点
1回复

为什么此代码未按预期更改背景图像?

我有这个JQuery代码(在一个名为home_main_post.js的文件中): 现在的问题是,当我单击具有的搜索按钮时,它会更改背景,但仅应用线性渐变。 其余为白色。 我认为无法找到图像。 我的文件夹结构: 我也尝试过./Images/..... /Images/.....