-1

css を使用して、クラス名または ID 名に特定の単語が含まれるオブジェクトのスタイルを設定したいと考えていました。

JavaScript を使用しましたが、CSS ソリューションが必要になりました。

//ps私の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>
4

1 に答える 1

1

これは、特定の単語（文字列）を含むcss要素をスタイルする方法です。

ID に blabla が含まれている場合:

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

（divだけでなく、テーブル、入力、ラベル、テキストエリア、またはその他のバリエーションにも使用できます：

input[class*="blabla"] 
{
    background-color:#BCB4B4;
}
于 2013-04-16T17:39:14.190 に答える