Автоматически извлекать и добавлять атрибуты данных из классов

Question

Я использую приложение, которое выводит HTML, и оно поддерживает только добавление пользовательских классов.

Так дано,

<div class="my-button data-featherlight-hash-mylightbox data-jarallax data-speed-num-zero-point-two">Content</div>

как я могу изменить его на

<div class="my-button" data-featherlight="#mylightbox" data-jarallax data-speed="0.2">Content</div>

используя jQuery?

Любая помощь приветствуется.

Answer 1

Вы можете использовать это;)

var getElem     = jQuery('.my-button');
var getClasses  = getElem.attr("class").split(' ');
jQuery( getClasses ).each( function( index, value ){
    if( value.indexOf( 'data-featherlight' ) != -1 ){
        getElem.attr( 'data-featherlight', value.replace( 'data-featherlight', '' ) );
    }
} );

Это только для перьев, но вы легко добавите другие. Надеюсь, это поможет. Ура! * * 1004

Answer 2

Вы можете использовать attr для добавления атрибутов HTML-тегов с помощью jQuery.

<div class="my-button">Content</div>

$('.my-button').attr('data-featherlight', '#mylightbox');
$('.my-button').attr('data-jarallax data-speed', '0.2');