Wie wird die Element-ID innerhalb des Attribut-Tags mit jQuery ausgewählt?

Question

Check Output and -->question.. Ich bin neu in der Programmierung in Bootstrap und JQuery. Ich möchte wissen, wie Sie die "ID" des Eingabeelements auswählen, das sich innerhalb des Attributs eines anderen Elements befindet.
Ich verwende Bootstrap für Popover. wenn ich auf <a></a> Link klicken, um es ein popover produzieren, aber ich möchte das Element id innerhalb Daten-Inhalt Element erhalten d.h

Sie diese Datei aus, wo ich Anker am Auswählen und Anzeigen popover. Jetzt wollen die ID innerhalb der Anker-Tag wählen, aber innerhalb Daten-Inhalt Attribut Ankerelement

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

 
       
 

 
     })

Dies ist HTML-Tag, in dem innerhalb Ankertag i Bootstrap-Attribut eingefügt und innerhalb Bootstrap Data- Inhalt Ich habe das HTML-Element eingefügt und möchte die ID dieses Eingabeelements im Data-Content-Attribut des Anchr-Tags auswählen.

Wie geht das?

<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> 

Wie geht das?
Jeder kann

Answer 1

vorschlägt Versuchen Sie ein neues Jquery-Objekt für das Dateninhaltselement instanziiert wird, etwa so:

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

mit aktiver Snippet aktualisiert.

Answer 2

Sie könnten den Wert des Data-Content-Attributs erhalten, dieses Element temporär erstellen und dann seine ID erhalten! Angenommen, es ist vielleicht nicht die beste Lösung, aber ich denke, es sollte funktionieren.

Answer 3

Ich nehme an, Sie haben die Kontrolle über die ID. Wenn das der Fall ist, dann fügen Sie einfach die Id enthaltenden Element:

<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> 

Dann, wenn Sie initialisieren Sie tun können:

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