Client-Side: HTML CSS JavaScript

Para remover atributos de elementos HTML usando a biblioteca jQuery fica fácil. Veja o código abaixo.

jQuery.fn.removeAttributes = function() {
	return this.each(function() {
		var attributes = $.map(this.attributes, function(item) {
		return item.name;
	});
	var elemento_escolhido = $(this);
		$.each(attributes, function(i, item) {
			elemento_escolhido.removeAttr(item);
		});
	});
}

Este código cria, podemos dizer um plug-in para remover todos os atributos de qualquer elemento HTML.

A primeira linha do código acima é justamente o nome que estou dando ao método do jQuery que será criado. Neste caso “removeAttributes”.

A função na verdade vai percorrer, por meio do “each” todos os atributos de qualquer elemento HTML. A linha “$.map(this.atributes” é que faz referência a cada possível atributo de um determinado elemento HTML.

As demais linhas, você pode ver que vai entrar em cada atributo do elemento HTML e o remover.

Depois é só chamar o método, como você pode ver no código abaixo:

$("a").removeAttributes();

Tags: atributos, HTML, jQuery, plugin, plugin jQuery