使用jquery讀取popover中輸入字段的值時出現的問題

我有一部分HTML是這樣的，它是動態生成的。 popover中的所有值都是動態生成的。現在我只顯示了一個<li>值，id = "loc"也是動態給出的。我想用id = "loc"讀取輸入字段的值。無論我已經嘗試我可以提到下面：使用jquery讀取popover中輸入字段的值時出現的問題

在html的第一行，你可以看到id = "close"。當用戶點擊一個帶有id = "close"的圖標時，我需要在id = "loc"的彈出窗口中顯示li的值。

我已經試過

$('#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"。在此先感謝。

來源

2013-05-29 Sau

這將是很好，如果你想格式化你的HTML。現在很難閱讀。 –

'.find（id）'應該*永遠不會發生。 ID應該是唯一的，你應該只使用'$（'＃id'）'來獲取它們。 –

您的HTML標記相當混亂，而且在語義上不正確。 – lifetimes

你過度複雜這種方式很多。你有你的元素的ID有ZERO的原因使用find()。 find()適用於動態內容的高級查詢。

你有非常靜態的內容只是使用下面，應該工作。

$("#close").click(function(){ 
    var input = $("#loc").val(); 
})

來源

2013-05-29 15:23:39 Ryan

使用jquery讀取popover中輸入字段的值時出現的問題

回答

相關問題