2013-03-13 83 views
1

我有一个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"> 

点击按钮。

这怎么办?

感谢您的帮助!

回答

4

只使用.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/

0

如果你知道buttonID,你可以做到以下几点:

var divHtml; 

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

这将分配股利里面所有的HTML当您点击一个ID为“buttonID”的按钮时,ID“stage”变为divHtml变量

+0

这就是我正在做的事情,但它获得了创建阶段div时的HTML。所以我在上面的例子中得到了 user1513171 2013-03-13 16:39:06