0

私はサードパーティのツールを使用しており、以下のようにdivの数を生成しています。

<div style="height:auto;" class="datagrid-cell datagrid-cell-c1-F1246"></div>
<div style="height:auto;" class="datagrid-cell datagrid-cell-c1-F1247">1</div>
<div style="height:auto;" class="datagrid-cell datagrid-cell-c1-F1248"></div>
<div style="height:auto;" class="datagrid-cell datagrid-cell-c1-F1249">1</div>

jquery を使用して、class ="datagrid-cell datagrid-cell-XX-XXXX" と div =1 のコンテンツを含むすべての div を検索して、CSS の背景色を変更するのが好きです。

注: XX-XXX は、固定長でない任意の数値にすることができます。

単一のセルで試しましたが、背景色は変わりません。

$('div').find('datagrid-cell datagrid-cell-c1-F1249').css('background-color', 'red');

どうすればこれを達成できますか？誰でも助けることができますか？

4

5 に答える 5

3

これを試して：

$('[class^=datagrid-cell datagrid-cell]:contains("1")').css('background-color', 'red');

または、すべてのセルにあるクラスを使用できる場合はdatagrid-cell、次のように簡略化できます。

$('.datagrid-cell:contains("1")').css('background-color', 'red');
于 2013-01-10T09:25:58.580 に答える
1

ワイルドカード セレクターが必要ですstarts with。ここでセレクターの詳細を読むことができます

$('[class^=datagrid-cell datagrid-cell:contains(1)]').css('background-color', 'red');
于 2013-01-10T09:24:29.573 に答える
0

これは1つのクラスではなく、2つのクラスのセットです。これにより、次のことが可能になります。

$('div').find('.datagrid-cell.datagrid-cell-c1-F1249').css('background-color', 'red');
于 2013-01-10T09:25:01.183 に答える
0

これを試すことができます：

$('.parent').find('div[class^="datagrid-cell datagrid-cell-"]:contains(1)').css('background', 'red');

また

$('div[class^="datagrid-cell datagrid-cell-"]:contains(1)').css('background','red');
于 2013-01-10T09:34:41.040 に答える
0

これを試して：

$('div.datagrid-cell:contains('1')').css('background-color', 'red');

これにより、クラス「datagrid-cell」を持ち、値「1」を含むすべての div 要素が選択されます。要素には、「datagrid-cell」と自動生成された「datagrid-cell-XX-XXXXX」の 2 つのクラスが含まれています。

于 2013-01-10T09:27:04.910 に答える