如何使用jquery将css属性添加到元素具有特定属性？

Question

我需要使用jquery在此div中添加css属性，但我只需要使用属性值（dashboard_1_widget_3）来添加css属性。

<section class="widget grid-stack-item grid-stack-item-content" widget-token="dashboard_1_widget_3">

Answer 1

您需要使用Attribute Equals Selector [name=”value”]来选择具有特定属性的元素包含特定值。还可以使用.css()将css属性添加到所选元素。

$("section[widget-token='dashboard_1_widget_3']").css("color", "red");

$("section[widget-token='dashboard_1_widget_3']").css("color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section widget-token="dashboard_1_widget_1">Section 1</section>
<section widget-token="dashboard_1_widget_3">Section 2</section>
<section>Section 3</section>