如何按属性名称删除所有属性

Question

我想在具有“只读状态”类的字段中删除属性名称以“data-val”开头的所有属性

 jQuery("[data-val^='tr']" )  

这将给出以'tr'

开头的属性'data-val'值

  

但我需要删除以...开头的所有属性   匹配元素中的'data-val'。

我该怎么做？

Answer 1

您可以使用vanilla javascript的attributes：

$('.read-only-state').each(function() {
   // get the native attributes object
   var attrs = this.attributes;
   var toRemove = [];
   // cache the jquery object containing the element for better performance
   var element = $(this);

   // iterate the attributes
   for (attr in attrs) {
     if (typeof attrs[attr] === 'object' && 
         typeof attrs[attr].name === 'string' && 
         (/^data-val/).test(attrs[attr].name)) {
       // Unfortunately, we can not call removeAttr directly in here, since it
       // hurts the iteration.
       toRemove.push(attrs[attr].name);
     }
   }

   for (var i = 0; i < toRemove.length; i++) {
     element.removeAttr(toRemove[i]);
   }
});