動的に生成されるこのような HTML の一部があります。ポップオーバーのすべての値も動的に生成されます。今のところ、動的に与えられる で<li>値を1 つだけ示しました。id = "loc"で入力フィールドの値を読み取りたいid = "loc"。私が試したことは何でも、以下に言及できます：
html の最初の行に が表示されますid = "close"。ユーザーがアイコンをクリックするとid = "close"、ポップオーバーの li の値をid = "loc".
私が試してみました
$('#data').on('click','.icon-remove',function(){
//var ptr=$(this).parents("tr.task");
//console.log($('i#close').find('p').css('background-color', 'red'));
//console.log(ptr.find(("#loc").val()));
//console.log($("#loc").val());
var $pel = $('.popover').find('#details')
console.log($pel.find('li#loc').val()); // through this I'm getting undefined
console.log($('.popover').find('#loc').val()); // this is giving me undefined
$('.popover').remove();
});
<i id=" close" class="icon-remove title-inner-pop closePop"></i>
<div class="popover-content">
<div>
<div class="more-option">
<span class="labels">1Yr Analytics</span>
<p>12 calls 15hours</p>
<a hrf="#">More...</a>
</div>
<div id="details">
<li>
<span class="labels">Location -</span>
<p>
<input id="loc" type="text" value="d">
</p>
</li>
id = "loc"誰かがポップオーバー内のアイコンをクリックしたときに、入力フィールドの値を読み取る何かを提案してもらえれば、本当にうれしいid="close"です。前もって感謝します。