2016-03-18 19 views
1

Check Output and -->question.。 私はブートストラップとJQueryでプログラミングするのが初めてです。私は他の要素の属性の中にあるinput要素の "id"を選択する方法を知りたい。
私はポップオーバーのためにブートストラップを使用しています。私は<a></a>リンクをクリックしたときには、ポップオーバーを生産するが、私はjQueryで属性タグ内の要素IDを選択するにはどうすればよいですか?

すなわち、私はアンカーを選択し、ポップオーバーを表示していた場所からこのファイルをデータ・コンテンツ要素内の要素IDを取得したいです。今、アンカータグ内のIDを選択したいが内のアンカー要素のデータ内容属性

 $("a").popover(
 
      
 
     { 
 
      delay:1000, 
 
      html: true, 
 

 
       
 

 
     })

これはアンカータグ内に、私は、ブートストラップ属性を挿入し、ブートストラップDATA-内部れているHTMLタグでありますcontent私はhtml elemntを挿入し、その要素のIDをanchorタグのdata-content属性の中で選択したいと思います。

どうすればよいですか?

<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" />'></a> 

どうすればよいですか?アクティブなスニペットを更新

$('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>


誰もが

+0

あなたが内部の '<' and '>'文字をエスケープする必要があります文字列 – Blazemonger

+0

これまで私はこの習慣を見たことがありません。あなたの究極の目標として何を達成しようとしていますか?これを行うには、はるかに早い方法があります。 – KpTheConstructor

+0

Screenshotが表示されたら質問の先頭にScreenshotを挿入しました。あなたは理解しています。ポップオーバーを表示しているアンカータグとポップオーバーの中にテキストボックスとボタンがあります。私はIDを選択し、それらとアクションを実行したいと思っています。 –

答えて

2

がそうのように、データ・コンテンツ要素の新しいjQueryオブジェクトをインスタンス化してみ提案することができます。

+0

ありがとうございました................ ......... –

0

data-content属性の値を取得し、その要素を一時的に作成してIDを取得することができます。それが最良の解決策ではないかもしれないと思うが、私はそれがうまくいくはずだと思う。

1

私はあなたがidを制御していると考えます。その場合は、単に含む要素にIDを追加します。

<a href="#" 
    data-toggle="popover" 
    title="Username:" 
    data-target-id="#uname" 
    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" />'> 
</a> 

を次にあなたが行うことができ、初期化時に:

$anchor.popover({ 
    html: true, 
}).on('shown.bs.popover', function(){ 
    var $anchor = $(this); 
    var id = $anchor.data('target-id'); 
    $(id).SomeOtherMethod(); 
}); 
+0

ありがとうございました.................... –

関連する問題