Chọn các yếu tố bắt đầu bằng "data-"

Question

Làm cách nào tôi có thể chọn với javascript hoặc jQuery kế hoạch mỗi phần tử có thuộc tính bắt đầu bằng "data-"?

Tôi đã thử

$("[data-*"]) 

nhưng nó không hoạt động.

Answer 1

Dưới đây là một hàm phi JQuery rằng sẽ làm những gì bạn cần:

function getAllDataElements() { 
    //get all DOM elements 
    var elements = document.getElementsByTagName("*"); 
    //array to store matches 
    var matches = []; 
    //loop each element 
    for (var i = 0; i < elements.length; i++) { 
     var element = elements[i]; 
     //get all attributes for the element and loop them 
     var attributes = element.attributes; 
     for (var j = 0; j < attributes.length; j++) { 
      //get the name of the attribute 
      var attr = attributes.item(j).nodeName; 
      //check if attibute name starts with "data-" 
      if (attr.indexOf("data-") == 0) { 
       matches.push(element); //add it to matches 
      } 
     } 
    } 
    return matches; //return results 
} 

Mà có thể được sử dụng như sau:

var results = getAllDataElements(); 

results.forEach(function (i) { 
    i.style.color = "#FF0000"; 
}); 

Here is a working example