如何获得DIV中的元素名称和ID的类型

Question

我想基于一种高级可编辑区域概念构建一种通用的原始CMS。概念如下：

通过将内容划分为多个DIV来构建网站。在每个DIV中，开发人员放置图像，文本等。

当用户进入管理区域时，通过将鼠标悬停在可编辑的DIV上方，这些突出显示。如果用户点击一个DIV，弹出一个模式窗口。此模式窗口包含一个用户可以更改DIV内容的窗体。

我知道有很多'可编辑区域'脚本，我也使用过它们，但是这会更通用，因为它也可以处理图像（上传/删除）。

例如，假设DIV包含一些文本。通过点击这个DIV，模态窗口会弹出一个带有一个输入字段和一个提交按钮的表单，用户可以更改该DIV中的文本。如果点击的DIV有一个图像和一些文本，模式窗口应该包含一个输入字段来改变文本，一个上传字段上传一个新的图像，一个提交按钮和删除按钮来删除图像。

Click here to understand the layout（这不是一个工作示例）

最后，我想知道是否有与jQuery一种方式来获得元素

<input> <img> <textarea> etc 

给出的名的类型到元素和它们的ID号里面点击DIV到dinamically建立编辑所选DIV所需的模式窗口。

谢谢

Answer 1

看起来像你想jQuery的html()

http://api.jquery.com/html/

它将检索元素

。例如所有的HTML内容：

$("div#main").click(function(){ 
    var allhtml = $(this).html(); 
    $("div#modalID").html(allhtml); 

)}; 

这竟被d将div中的所有html带到ID main，将其保存到变量allhtml，然后用它替换div中的所有ID modalID。

Answer 2

，如果你必须使用jquery

jQuery("???").get(0).tagName