JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<script src="http://yandex.st/share/share.js"></script>
<a href='#'><span class='change'>Изменить содержимое title</span></a>
<div class="title">title text</div>
<div class="description">Lorem ipsum dolor sit ame</div>
<span id="ya_share1"></span>

JavaScript

var title = $('.title').html();
var desc = $('.description').html();
var YaShareInstance = new Ya.share({
        element: 'ya_share1',
            elementStyle: {
                'type': 'button',
                'border': true,
                'quickServices': ['yaru', 'twitter', '|', 'vkontakte']
            },
            link: 'http://jsfiddle.net',
            title: title,
            description: desc,
            popupStyle: {
                 blocks: {
                    'Поделиться': ['yaru', 'twitter', '', 'vkontakte']
                },
                copyPasteField: true
            },
            serviceSpecific: {
                twitter: {
                    title: title,
                    description: desc
               }
        }
});

        $('.change').click(function(){
            $('.title').html('*** title text ***');
            YaShareInstance.updateShareLink({
                link: 'http://vk.com/iiiliiil',
                title: $('.title').html(),
                description: $('.description').html() + 'еще что-то'
            });
        });