我正試圖找到一種方法來獲取所有具有指定樣式的元素。
//let's say
let d = $(document)
沒有辦法對所有有.css('background-image')的子節點進行d.find或d.filter。
需要搜索的節點總是不同的，因為它來自mutation.target.
uj5u.com熱心網友回復：
使用選擇器*來找到所有的元素，然后使用.filter()來測驗.css()你想要的樣式。
$(document) 。 find("*").filter(function() {
return $（this）.css（'background-image'）。
});
uj5u.com熱心網友回復：
試一下下面的例子：
。var elements = document.querySelectorAll(
'li[style*="background:red"]'.
);
console.log(elements); <ul>/span>
<li style="background: red;">/span>test1</li>/span>
<li style="background: blue;">test2</li>/span>
<li style="background: green;">test3</li>/span>
<li style="background: red;;">test4</li>/span>
</ul>/span>uj5u.com熱心網友回復：
這里有一個通用的解決方案，根據它的樣式屬性來獲取元素，但每個屬性都有它自己的結構，例如背景和顏色是rgb()結構，我將給出一個關于寬度樣式屬性的簡單例子：
const elements = $('li'/span>). filter(function(/span>) {
return getComputedStyle(this).width == '100px';
});
console.log('elements: ', elements) .width-100 { width: 100px; }<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>/span>
<ul>
<li style="background: red;">/span>test1</li>/span>
<li style="background: red; width:100px">test2</li>
<li style="background: red;">test3</li>/span>
<li class="width-100"/span> style="background: red;">test4</li>/span>
</ul>/span>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/331527.html
標籤：