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

Question

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

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

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

我知道有许多“可编辑区域”脚本并且我确实使用过它们，但这会更通用，因为它也适用于图像（上传/删除）。

例如，假设 DIV 包含一些文本。通过单击此 DIV 会弹出一个模式窗口，其中包含一个输入字段和一个提交按钮，用户可以更改该 DIV 内的文本。如果单击的 DIV 包含一个图像和一些文本，则模式窗口应包含一个用于更改文本的输入字段、一个用于上传新图像的上传字段、一个用于删除图像的提交按钮和一个删除按钮。

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

总之我想知道jQuery是否有办法获取元素的type

<input> <img> <textarea> etc

在点击的 DIV 中赋予元素的 名称 及其 ids 以动态地 构建编辑所选 DIV 所需的模态窗口。

谢谢

Answer 1

看起来你想要 jQuery 的 html()

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

它将检索元素的所有html内容

例如：

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

)};

这将获取 div 中 ID 为 main 的所有 html，将其保存到变量 allhtml，然后用它替换 div 中 ID 为 modalID 的所有内容。

Answer 2

如果你必须使用 jquery

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