使用jquery在弹出窗口中读取输入字段值时的问题

Issues while reading value of input field in popover using jquery

本文关键字：字段 输入 问题 读取 jquery 窗口 使用      更新时间：2023-09-26

我有这样一个动态生成的HTML的一部分。所有的值在弹出窗口也是动态生成的。现在我只展示了一个<li>值，id = "loc"也是动态给定的。我想用id = "loc"读取输入字段的值。无论我尝试过什么，我都可以在下面提到:

在html的第一行

中可以看到id = "close"。当一个用户将点击一个图标与id = "close"我需要在弹出窗口与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"。

你的做法太复杂了。如果你的元素上有id，那么就没有理由使用find()。find()用于对动态内容使用高级查询。

你有非常静态的内容，只需使用下面的内容，应该可以工作。

$("#close").click(function(){
    var input = $("#loc").val();
})
相关文章：