Question

尝试使用Jquery动态地将样式分配给jsp标记。

       <script>
        $(document).ready(function(){
            var color=$("#cscolour").val();    
            if(color!=null){
                $("#color").css('background-image', 'none');
                $("#color").css({"background-color":color});
            }
        });
        </script>

        <body>
        <input type="hidden" name="cscolour" id="cscolour" value='<%= csticColour %>'/>
  <h1 id='<%= csticColour %>'> welcome </h1>
        </body>

Answer 1

我希望你这样做，

$(document).ready(function(){
    $(".colors").each(function( index ) {
        $("#"+this.id).css({"background-color": this.id});
    });
});

和HTML部分，

<input type="hidden" name="cscolour" id="cscolour" value="YELLOW"/>
<h1 id="YELLOW" class="colors">vk</h1>
 <h1 id="RED" class="colors">vk1</h1>
  <h1 id="GREEN" class="colors">vk2</h1>

在Live。在提出问题之前，请阅读SO中的说明。

请查看更新部分。根据您的新评论，我添加了以下内容。

<h1 class="YELLOW">vk</h1>
<h1 class="RED">vk1</h1>
<h1 class="GREEN">vk2</h1>
<h1 class="YELLOW">vk3</h1>
<h1 class="GREEN">sh1</h1>
<h1 class="RED">sh2</h1>

脚本部分是，

$(document).ready(function(){
   $("h1").each(function( index ) {
     $("."+$(this).attr("class")).css({"background-color": $(this).attr("class")});
   });
});

在这里点击demo。

使用jquery动态地为jsp标签分配样式

1 个答案: