2013-04-16 43 views
-1

我想用css来设置一个对象的类或id名包含特定的单词。如何样式div(元素)哪个类名包含字符串

我用javascript,但现在需要css解决方案。

// p.s。我的JavaScript代码如下。它试图让特定的类名和ID,它的样式(页面加载3秒后):

<script src="ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript"> 

     var t=setTimeout(function(){ 
      var clasnamee = "form-field"; 
      var whatcontains = "copy"; 
      var myla = document.getElementsByClassName(clasnamee); 
      var arylengh = myla.length; 

      for (var i = 0; i < arylengh; i++) { 

       var kk = document.getElementsByClassName(clasnamee)[i].id; 
       if(kk.indexOf(whatcontains) > - 1) 
       { 
       $("tr#" + kk).css("background-color", "#BCB4B4"); 
       // or try with jQuery 
       //jQuery("tr#" + kk).css("background-color", "#BCB4B4"); 

       } 
      } 

     },3000); 
     </script> 
+0

如果id是唯一的,为什么你使用“tr#”而不是“#”? – Arbel

回答

1

这里是CSS样式元素的方法中包含特定单词(字符串)。

如果ID包含布拉布拉:

div[id*="blabla"] 
{ 
    background-color:#BCB4B4; 
} 

(你可以使用不仅为DIV,但表,输入,标签,文本区域或任何其他变化太:

input[class*="blabla"] 
{ 
    background-color:#BCB4B4; 
} 
相关问题