Question

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

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

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

我知道有很多可编辑的区域＆＃39;脚本和我确实使用过它们，但这样会更通用，因为它也适用于图像（上传/删除）。

例如，让我们说DIV包含一些文字。通过单击此DIV，弹出一个模式窗口，其中包含一个带有一个输入字段和一个提交按钮的表单，该按钮可以让用户更改该DIV中的文本。如果单击的DIV有一个图像和一些文本，则模态窗口应包含用于更改文本的输入字段，用于上载新图像的上载字段，用于删除图像的提交按钮和删除按钮。

Click here to understand the layout（这不是一个有效的例子）

总之，我想知道是否有一种方法可以使用jQuery来获取元素的类型

<input> <img> <textarea> etc

将名称赋予元素及其点击的DIV内的 ID dinamically 构建编辑选择的DIV所需的模态窗口。

谢谢

Answer 1

看起来你想要jQuery的html()

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

例如：

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

)};

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

Answer 2

如果必须使用jquery

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