javascript - 追加されたボタンでデータ ID を取得するにはどうすればよいですか?

Question

JavaScript

$("#btn").on('click', function(){
    $("#result").append("<button type='button' id='btnid'
    data-id='show' //this is what I want to get
    class='close pull-right' aria-hidden='true'>some text here</button>");
});

HTML

<button id="btn">CLICK HERE</button>
<div id='result'></div>
<button id="submit">SUBMIT HERE</button>

data-id='show'でボタンをクリックした後、追加されたボタンからを表示したいid="submit"。ご覧のとおり、 の divid="result"は、追加されたすべてのテキストのコンテナーのようなものです。

これまでのところ、これは私が持っているものです、

JavaScript

$('#submit').click(function(){
    $( "#result" ).each(function( index ) {
        console.log( index + ": " +$(this).text());
    });
});

しかし、このコードでは、「some text here」というテキストしか取得できません。しかし、私が必要としていたのは、追加したボタンのデータ ID です。

以下のコードも試しましたが、うまくいきません。

JavaScript

$('#submit').click(function(){
    $( "#result" ).each(function( index ) {
        console.log( index + ": " + $( this ).html($(this).html($(this).attr("data-id"))));
    });
});