时间戳

首页 > 解决方案 > 如何选择具有特殊花括号的属性的元素

javascript - 如何选择具有特殊花括号的属性的元素

问题描述

我有一个 html 按钮，如下所示。它会有一个属性

<button class="first-button" data-content='{8C2E25C4-5E4F-484C-97D0-F42305F30E19}'> my content</button>

单击此按钮时，我需要获取该属性并从中制作一个属性选择器，用于具有不同类和相同属性的另一个元素

<button class="second-button" data-content='{8C2E25C4-5E4F-484C-97D0-F42305F30E19}'> my content</button>

我尝试了 jquery 属性选择器，但没有用

$('data-content=8C2E25C4-5E4F-484C-97D0-F42305F30E19')

我愿意接受 JS 或 jQuery 修复

标签： javascriptjquery

解决方案

您可以尝试如下：

$('button[data-content="{8C2E25C4-5E4F-484C-97D0-F42305F30E19}"]').addClass("active")
.active {
  color: red
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="first-button" data-content='{8C2E25C4-5E4F-484C-97D0-F42305F30E19}'> my content</button>

<button class="second-button" data-content='{8C2E25C4-5E4F-484C-97D0-F42305F30E19}'> my content</button>

推荐阅读