jquery - Jquery获取具有特定模式的所有DIV并将类添加到其中

Question

我使用 3rd 方工具，它生成的 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 并使用 div =1 中的内容来更改 css 背景颜色。

注意：XX-XXX 可以是任意不定长的数字。

我尝试使用单个单元格，但没有更改背景颜色。

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

我怎样才能做到这一点？任何人都可以帮忙吗？

Answer 1

试试这个：

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

或者，如果您也可以只使用datagrid-cell所有单元格上的类，您可以简化为：

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

Answer 2

您需要通配符选择器，starts with. 您可以在此处阅读有关选择器的更多信息

$('[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

试试这个：

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

这将选择所有具有类“datagrid-cell”并包含值“1”的 div 元素。您的元素包含两个类“datagrid-cell”和自动生成的“datagrid-cell-XX-XXXXX”。

Answer 5

你可以试试这个：

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

或者

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