Custom ID for Layout Elements (continue)

Hi,

I create another thread because old thread is closed:
https://kriesi.at/support/topic/custom-id-for-layout-elements/

I have a solution for that:

(function ($) {
    'use strict';

    $(document).ready(function () {
        
        // set id
        (function () {

            // console.log($('div[class*="js-set-id--"]'));
            $('div[class*="js-set-id--"]').each(function () {
                var $this = $(this);
                var id = false;

                var classes = $this.attr('class').split(' ');
                for (var i = 0; i < classes.length; i++) {
                    var matches = /^js-set-id--(.+)/.exec(classes[i]);
                    if (matches != null) {
                        id = matches[1];
                        break;
                    }
                }

                if (id) {
                    $this.attr('id', id);
                }
            });

        })();

    });,

})(jQuery);

If you add js-set-id--element-id class to an element then that element has id element-id.

I hope it helps,
thanks.

• This topic was modified 7 years, 6 months ago by hayatbiralem. Reason: Cosmetic updates