javascript - 如何使用 jQuery 选择属性标记内的元素 ID？

Question

Check Output and -->question. .我是 Bootstrap 和 JQuery 编程的新手。我想知道如何选择另一个元素属性内的输入元素的“id”。
我正在为弹出窗口使用 Bootstrap 。当我点击 <a></a>链接它会产生一个弹出窗口，但我想获取 data-content 元素内的元素 ID，即

我从中选择 anchor 并显示弹出窗口的文件。现在想选择 anchor 标签内的 id 但在 anchor 元素的 data-content 属性内

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

               

        })

这是 Html 标签，我在 anchor 标签内插入了 bootstrap 属性，在 bootstrap data-content 内我插入了 html 元素，并想在 data-content 属性中选择该输入元素的 ID anchor 标签。

怎么做？

<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

尝试为 data-content 元素实例化一个新的 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>

更新了事件片段。