獲取元素的當前HTML

我有一個ID爲「stage」的div。在這個div中有文字輸入和其他可能放在那裏的東西。獲取元素的當前HTML

當用戶點擊一個按鈕，我想要在div div中的html並保存在某個地方。我注意到的問題是，在對屏幕上的TextInput進行更改後，我沒有獲取當前的HTML。

問題是我永遠不知道這個階段div會是什麼。它可以是任何數量的東西，大部分時間都包含用戶可以輸入文本的表單元素。

例如，如果階段包含

<input type='text' value="Test Content">

當它被創建，然後用戶更改輸入到「我的考試內容」的價值，我想jQuery的HTML（）來獲取

<input type='text' value="My Test Content">

點擊按鈕。

這怎麼辦？

感謝您的幫助！

來源

2013-03-13 user1513171

只使用.html()將不變化input的價值。它將繼續使用初始值：<input type='text' value="Test Content">。我推薦使用.each()和.val()。

JAVASCRIPT：

$(document).ready(function(){ 
    $('#b1').click(function(){ 
     $('#stage input').each(function(){ 
      $('#stage input').attr('value', $(this).val()); 
     }); 
     $('#results').html($('#stage').html()); 
    }); 
});

DEMO： http://jsfiddle.net/dirtyd77/Yctwk/5/

來源

2013-03-13 16:32:12 Dom

如果你知道buttonID，你可以做到以下幾點：

var divHtml; 

$("#buttonID").click(function() { 
    divHtml = ("#stage").html(); 
});

這將分配股利裏面所有的HTML當您點擊一個ID爲「buttonID」的按鈕時，ID「stage」變爲divHtml變量

來源

2013-03-13 16:32:23 tymeJV

這就是我正在做的事情，但它獲得了創建階段div時的HTML。所以我在上面的例子中得到了 – user1513171 2013-03-13 16:39:06

獲取元素的當前HTML

回答

相關問題