jQueryを使用して属性タグ内の要素をクリックして選択する方法は？

Question

お知りになりたい他の要素の属性 "データ内容"の中にある入力要素のID "Uname"をクリックする方法。 私はポップオーバーのためにブートストラップを使用しています。私はリンクをクリックしたときには、ポップオーバーを生産するが、私はポップオーバーshown.bs.popoverイベントは、データ・コンテンツ属性

$('a').on('click', function() { 
 
     var content = $(this).data('content'); 
 
     var input = $(content); 
 
     window.alert(input.attr('id')); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<a href="#" data-toggle="popover" title="Username:" data-content='<input id="Uname" data-toggle="popover" data-trigger="focus" data-content="You are Successfull!!!!" type="text"/><input id="btnEdit" type="button" value="Edit" />'>Click me!</a>

Answer 1

トリガされなければならない内部「は、una​​me」要素のIDをクリックします！ 'ここをクリックしてください'をクリックすると、ポップされた入力要素をクリックするとアラートが表示されます。
スニペットはこちらです！

$('[data-toggle="popover"]').popover({html:true}); 
 

 
$('[data-toggle="popover"]').on('shown.bs.popover', function() { 
 
    $('#Uname').click(function(){ 
 
     alert($(this).data('content')); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 

 
<a href="#" data-toggle="popover" title="Username:" data-content='<input id="Uname" data-toggle="popover" data-trigger="focus" data-content="You are Successfull!!!!" type="text"/><input id="btnEdit" type="button" value="Edit" />'>Click me!</a>

役に立てば幸い！