JSFiddle - React, Tailwind, and code Playground

HTML

<div class="entryTitle">投稿記事のタイトル</div>
<div class="content">
  <p>
    なにかしらの文章とかその他諸々
  </p>
</div>

<div class="test">
  <div class="twitter">
  </div>
</div>

JavaScript

(function($) {
  $(function() {
    var
      thisAddress = window.location.href,
      postTitle = $(".entryTitle").text(),
      twitter = "http://twitter.com/share?url=" +
                thisAddress +
                "&text=" +
                postTitle;

    $(".test")
      .find(".twitter")
      	.append("<a>") //.twitter内にaを挿入
      .find("a") //aを探して
        .attr({ //その属性を入れる
          href: twitter,
          rel: "nofollow",
          target: "_blank",
          title: postTitle
        })
        .append("<img>") //a内にimgを挿入
      .find("img") //imgを探して
        .attr({		//その属性を入れる
          src: "https://cdn.teratail.com/uploads/avatars/38924/ml4XWnIl_thumbnail.jpg",
          alt: "ツイッターで拡散する"
        });
  });
  
})(jQuery);