当前位置: 首页 > 知识库问答 >
问题:

我如何选择一个元素的属性有特殊的花括号[重复]

鱼安然
2023-03-14

我有一个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修复程序

共有2个答案

刘奇
2023-03-14

属性选择器需要[]并且在选择器中需要通配符运算符,因为值具有{}

null

$('[data-content*=8C2E25C4-5E4F-484C-97D0-F42305F30E19]').css('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>
司空宗清
2023-03-14

您可以尝试如下所示:

null

$('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>
 类似资料:
  • 问题内容: 在XML文档中,我具有共享相同名称的元素,但是属性的值定义了它是什么类型的数据,并且我想从文档中选择所有具有特定值的元素。我是否需要使用XPath(如果可以,您是否可以建议正确的语法)还是有更优雅的解决方案? 这是一些示例XML: 我想选择类型为的所有子代标签的内容。 PS-我正在尝试使用PHP与Netflix API进行接口-这对我的问题无关紧要,但是如果您想提出一种更好的方法,我非

  • 我正在尝试使用Javascript选择此复选框 下面的代码可以工作,但并不理想 我试过这些 但它们并不起作用。有什么想法能让这件事成功吗? 数据值未硬编码的更新代码

  • 问题内容: 可以说我们有以下代码: 您将如何选择第一个属性等于3的孩子?我在想,也许这可以做到: …但是没有用 问题答案: 该伪类仅着眼于第一子节点,因此,如果第一个孩子是不是,则选择一无所有。 没有类似的属性过滤器伪类。一种简单的解决方法是选择每个对象,然后排除第一个对象之后的内容 当然,这仅适用于样式。如果您要出于样式之外的目的挑选该元素(因为标记看起来是任意XML而不是HTML),则必须使用

  • 嗨,我有以下XML 标准是只复制“item-name”属性值为TShert、Ball或Bat的位置。所以生成的XML应该看起来像 我正在使用以下XSLT 但这不起作用。你能帮忙吗? 谢谢Nathan

  • 问题内容: 请考虑以下代码: 如何选择具有属性的所有标签? 谢谢 问题答案: 使用“具有属性”选择器: 或选择一个该属性具有特定值的属性: “属性值起始于”,“属性值包含”等还有其他选择器。

  • 问题内容: 给定以下类和控制器操作方法: 以及以下形式: 我可以同时更新School实例和School的Address成员。这真是太好了!谢谢ASP.NET MVC团队! 但是,如何使用jQuery选择下拉列表,以便可以预先填写呢?我意识到我可以在服务器端进行操作,但是页面上还会有其他影响列表的动态元素。 以下是我到目前为止所拥有的,并且由于选择器似乎与ID不匹配而无法正常工作: 问题答案: 在每