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

Posted 2023-03-05

【中文标题】如何在 DIV 中获取元素名称和 ID 的类型

【英文标题】：How to get type of elements names & ids inside a DIV

【发布时间】：2012-01-05 17:45:53

【问题描述】：

我想基于一种先进的可编辑区域概念构建一种通用的原始 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 所需的模态窗口。

谢谢

【问题讨论】：

我在这里发现了一些有趣的东西：***.com/questions/341900/…

【参考方案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 的所有内容。

【参考方案2】：

如果你必须使用 jquery

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

【讨论】：

我也在这个网站上找到了这个：***.com/questions/411688/…