Jquery獲取具有特定模式的所有DIV並將其添加到其中

Question

我使用第三方工具，它生成的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來發現所有的分度類=「數據網格單元數據網格細胞-XX-XXXX」，並在div = 1的內容更改CSS背景顏色。

注意：XX-XXX可以是任何不固定長度的數字。

我試過單細胞但不改變背景顏色。

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

我該如何做到這一點？任何人都可以幫忙

Answer 1

你可以試試這個：

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

或

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

Answer 2

您需要通配符選擇器starts with。您可以閱讀超過here

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

Answer 3

更多選擇它不是一個階層，而是一組兩類，這應該這樣做：

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

Answer 4

試試這個：

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

或者如果您只能使用所有單元上的datagrid-cell類，則可以簡化爲：

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

Answer 5

試試這個：

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

這將選擇具有類「數據網格細胞」，包含值「1」的所有div元素。您的元素包含兩個類「datagrid-cell」並自動生成「datagrid-cell-XX-XXXXX」。