javascript - 使用 JQuery 内联样式属性定位 DOM 元素

Question

我正在尝试使用 jQuery 以特定样式定位一个 div。我最初在这里阅读了一个类似的问题:jQuery: select style attribute? .

我无法使用 id 选择器进行定位，因为我无法访问构成我正在设置样式的页面的标记，只能访问页眉和页脚。我知道这很麻烦，但这是我唯一的解决方案。

无论如何，我一直在做这样的事情来覆盖每个元素的不同 css 属性:

 $('Dom element').css({
           "CSS property": "CSS Value"
 });

而且它运行良好。然而，我遇到的问题是我试图定位一个没有 id、name、alt 或 class< 的元素 它只是一个带有一些内联 css 的 div。

我试图这样做:

 $("div[style='margin:0 auto;width:74px;']").css("width", "100%");

但这并没有奏效。然后我这样做了:

console.log($("div[style='margin:0 auto;width:74px;']"));

我可以在开发人员控制台中看到正在输出的 div。我想知道我是否遗漏了什么？同样，我知道这可能不是我处理此问题的最佳做法，但我别无选择。

这是我尝试访问和修改的特定 div 的 html:

<div style="margin:0 auto;width:74px">
      <div style="float: none;">

我应该指出，我设法在上面的代码示例中以 div 为目标，并通过 jQuery 修改内联 css，执行以下操作:

$("div[style='float:right;']").css({
              "float":"none"
});

所以这让我想知道我是否遗漏了一些明显的东西。

无论如何，感谢您提供的任何帮助。

Answer 1

这是根据作为字符串的属性值选择它们，而不是对值的某种解释，因此对于 = 选择器，它们必须完全匹配，包括空格和其他内容 -您的选择器有一个结尾 ; 而您的元素没有。假设这些不是拼写错误。