Jquery 和十六进制颜色？

Question

如果我从 html 文本中检索十六进制代码颜色，则无法设置颜色。如果我手动设置颜色，效果很好。

html

<div class="main-wrapper">
   <div class="html-element-color">#ccff00</div>
   <div class="wrapper">hello</div>
</div>
<div class="main-wrapper">
   <div class="html-element-color">#cccccc</div>
   <div class="wrapper">hello</div>
</div>
<div class="main-wrapper">
   <div class="html-element-color">#f1f1f1</div>
   <div class="wrapper">hello</div>
</div>

这段代码工作正常

$( ".html-element-color" ).each(function( index ) {

  var bgColorWrapper = "#ccff00";

   $(this).parent().find("div.wrapper").css( "background-color", bgColorWrapper ) ;

})

;

这里是不起作用的代码:

$( ".html-element-color" ).each(function( index ) {

  var bgColorWrapper = $('.html-element-color').text();

   $(this).parent().find("div.wrapper").css( "background-color", bgColorWrapper ) ;

});

Answer 1

bg-color 是无效的变量名。变量名不能包含破折号。试试这个。

$( ".html-element-color" ).each(function( index ) {

  var bgColor = $('.html-element-color').text();

   $(this).parent().find("div.wrapper").css( "background-color", bgColor ) ;

});

此外，您可能想从同一元素设置颜色，但您的意图在您的帖子中并不清楚。也许这就是您实际上想要的:

$( ".html-element-color" ).each(function( index ) {

  var bgColor = $(this).text();

   $(this).parent().find("div.wrapper").css( "background-color", bgColor ) ;

});