Как выбрать Element Id внутри тега атрибута с помощью jQuery?

Question

Check Output and -->question.. Я новичок в программировании в Bootstrap и JQuery. Я хочу знать, как выбрать «id» входного элемента, который находится внутри атрибута другого элемента.
Я использую bootstrap для popover. когда я нажимаю на ссылку <a></a> это произвести поповер, но я хочу, чтобы получить идентификатор элемента внутри данных контента элемента

т.е.

этот файл, из которого я выбора якоря и отображения поповер. Теперь нужно выбрать идентификатор внутри тега привязки, но в пределах данных содержания атрибута якорного элемента

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

 
       
 

 
     })

Это Html тег, в котором внутри тега привязки я вставить загрузочный атрибут и внутри бутстраповской Data- content Я вставил html elemnt и хочу выбрать идентификатор этого элемента ввода внутри атрибута content-content тега anchr.

Как это сделать?

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

Как это сделать?
кто может предложить

Answer 1

Попробуйте инстанцировании новый объект JQuery для элемента данных-контента, например, так:

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

Вы можете получить значение атрибута content-content, создать этот элемент временно, а затем получить его идентификатор! Предполагая, что это не лучшее решение, но я думаю, что он должен работать.

Answer 3

Предполагаю, что вы контролируете идентификатор. Если это так, то просто добавьте 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(); 
});