如何选择然后用jQuery点击属性标记内的元素？

我想知道如何点击另一个元素属性“data-content”内的input元素的ID“Uname”。我正在使用bootstrap进行popover。当我点击链接它产生酥料饼的，但我想点击的元素ID“UNAME”内部数据内容属性如何选择然后用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>

来源

2017-03-02 Benf Maappy

我的歉意 - 我已经多次阅读您的问题，但我仍然不完全明白您要做什么。你可以尝试解释一下你想要发生什么以及发生了什么？ –

html页面中的元素具有属性“data-content”，并且该属性的值具有ID为Uname的输入标签。什么jquery选择器应该被用来访问该元素是一个问题！我是对的@Benf –

是的正确@Keerthana Prabhakaran –

的酥料饼shown.bs.popover事件应该被触发！点击'点击这里'就可以得到弹出窗口，然后如果你点击弹出的输入元素，你可以获得警报！
这是摘录！

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

希望帮助！

来源

2017-03-02 03:38:09

如何选择然后用jQuery点击属性标记内的元素？

回答

相关问题