Bir modelle eşleşen bir özelliğe sahip bir öğe bulun

Question

data-foo-bar-* modeliyle eşleşen özniteliklere sahip tüm öğeler nasıl bulunur, ör. Benim deneyin

Uncaught SyntaxError: Failed to execute 'querySelectorAll' on 'Document': '[data-foo-bar-*]' is not a valid selector.

Answer 1

Belki tüm DOM öğelerinde yineleme ve en iyi yaklaşım olmayabilir bu özellik için arıyorlar ama burada:

function querySelectorPattern(regex, element) { 
    var elements = document.getElementsByTagName(element), 
    found, 
    regexp = new RegExp(regex); 
    for (var i = 0; i < elements.length; i++) { 
    var attributes = elements[i].attributes; 
    for (var k = 0; k < attributes.length; k++) { 
     if(regexp.test(attributes[k].nodeName)) { 
     console.log(elements[i]); 
     } 
    } 
    } 
} 

foo-bar-* desenli document.querySelectorAll kullanma

<div data-foo-bar-id="" /> 

hata verir

Ve hızlı bir demo: https://jsfiddle.net/1rsngvy8/