Supongamos que tengo algo de HTML con un atributo data-*:

 <div data-my-attribute="something"></div>

Ahora, tengo algo de JavaScript que quiere hacer algo si ese atributo existe. Pero ese JavaScript también necesita el valor (si existe el atributo). Entonces, puedo hacer algo como esto:

 var value = $('[data-my-attribute]').attr('data-my-attribute'); if (value) { do something }

Que el nombre del atributo aparezca dos veces en este código simplemente me molesta. Podría hacer algo tonto como esto para tener solo un lugar donde se declare el nombre del atributo, pero el código es más detallado y menos legible:

 var attrName = "data-my-attribute"; var value = $(`[${attrName}]`).attr(attrName); if (value) { do something }

¿Existe una forma mejor (más simple, que no implique especificar el nombre del atributo dos veces) para encontrar y recuperar el valor de un atributo en un fragmento de HTML?