JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<input type="button" id="ipt1" value="くりっくしてみし">

<div class="text">第１テキスト</div>
<div class="text">第2テキスト</div>
<div class="text">第3テキスト</div>
<div class="text">第4テキスト</div>
    
<div id="output"></div>

CSS

#output {
    border: 1px solid red;
    padding: 10px;
}

JavaScript

$('#ipt1').click(function(){
    $('.text').each(function() {
        var $p = $('<p />');
        var $ptext = $p.text( $(this).text() );
        $ptext.appendTo('#output');
    });
});