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

Question

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

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

这将给出以“tr”开头的属性“data-val”值

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

我该怎么做？

Answer 1

attributes您可以为此使用香草 javascript ：

$('.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]);
   }
});