Javascript 基于数据属性选择元素

我有以下html，我正试图通过data属性向其中添加一个类：

<p class="form-row form-row-wide" data-child-field="child_has_jacket">
</p>

---

不起作用。有人知道吗？

如果出现语法错误，请将data atribute类选择器data child字段=child_has_护套中的'by'也替换为'

属性选择器不应该有类的空间，否则它将搜索具有数据属性的子元素

应该是这样的：

$('.form-row[data-child-field="child_has_jacket"]')

请参阅代码片段：

jQuerydocument.readyfunction${ $'.form行[data child field=child_has_jacket]'.addClassselected.htmlselected类已添加； }; .form-row.selected{ 边框：1px纯黑； 显示：块 }

使用“$”。表格行[data child field=child_has_jacket]”。addClassselected；。检查空格是否在之后删除。从其他方面看，它将开始搜索具有该数据属性的子元素

失踪；在CSS中围绕高度和显示

工作代码段：

jQuerydocument.readyfunction${ $'.form行[data child field=child_has_jacket]'.addClassselected； }; /*其他工作片段 jQuerydocument.readyfunction${ $'.form行[data child field=child_has_jacket]'.addClassselected； }; jQuerydocument.readyfunction${ $.form行[数据子字段='child\u has\u jacker']。addClassselected； };*/ .form-row.selected{ 边框：1px纯黑； 宽度：20px； 高度：20px； 显示：块； }

$('.form-row[data-child-field="child_has_jacket"]')