使用JQuery內聯樣式屬性定位DOM元素

Question

我正在嘗試使用jQuery定位具有特定樣式的div。 我最初在這里閱讀了類似的問題： jQuery：選擇樣式屬性？ 。

我無法使用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

這是基於作為字符串的屬性值而不是對值的某種解釋來選擇它們，因此，使用=選擇器，它們必須完全匹配，包括空格和不匹配的內容 -選擇器具有結尾; 而您的元素則沒有。 假設這些不是錯別字。