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

时间:2015-01-27 15:50:18

标签: javascript jquery html css

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

我无法使用id选择器进行定位,因为我无法访问构成我正在构建的页面的标记,只有页眉和页脚。我知道它很乱,但它是我唯一的解决方案。

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

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

它完美无缺。但是,我遇到的问题是我尝试定位一个没有idnamealtclass的元素,它只是一个div而不是内联css

我试图这样做:

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

但那没用。然后我做了这个:

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

我可以在开发者控制台中看到div输出。我想知道我是否遗漏了什么?再说一遍,我知道这可能不是我最好的做法,但我没有其他选择。

这是我尝试访问和修改的特定html的{​​{1}}:

div

我应该指出,我设法定位上面代码示例中的<div style="margin:0 auto;width:74px"> <div style="float: none;"> 并通过div修改内联css,执行以下操作:

jQuery

所以它让我怀疑如果我错过了一些明显的东西。

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

1 个答案:

答案 0 :(得分:1)

这是基于属性值选择它们作为字符串而不是对值的一些解释因此=选择器它们必须完全匹配包括空格和不 - 您的选择器具有结尾;而你的元素没有。假设那些不是拼写错误。