獲取具有使用XPath的特定名稱以特定字符串開頭的元素的列表

Question

我試圖獲取具有以「temp」開頭的屬性名稱的數組（不是屬性值，或者我是使用querySelectorAll）。

但是，似乎我無法完全正確地獲取xpath表達式。這裏是什麼似乎是我想出來的最接近：

let els = Array.from(document.evaluate(
 
    `//*/@*[starts-with(name(.), 'temp')]`, 
 
    document, 
 
    null, 
 
    XPathResult.FIRST_ORDERED_NODE_TYPE, 
 
    null 
 
).singleNodeValue); 
 

 
console.log(els);

<div temp-callback="1" temp-post-callback="4"></div> 
 
<div temp-callback="2"></div> 
 
<div></div> 
 
<div temp-callback="8" temp-post-callback="7"></div>

我會假設，會給我3周的div包含至少1屬性「溫度」。

我錯過了什麼？

Answer 1

我認爲你正在尋找的元素與XPath的匹配，同時將屬性名稱作爲檢查過濾條件：

//*[@*[starts-with(name(), 'temp')]] 

var result = document.evaluate("//*[@*[starts-with(name(), 'temp')]]", document, null, XPathResult.ANY_TYPE, null); 
 

 
var node = result.iterateNext(); 
 
var nodes = []; 
 
while (node) { 
 
    nodes.push(node); 
 
    node = result.iterateNext(); 
 
} 
 
console.log(nodes);

<div temp-callback="1" temp-post-callback="4"></div> 
 
<div temp-callback="2"></div> 
 
<div></div> 
 
<div temp-callback="8" temp-post-callback="7"></div>