Jquery 如何通过鼠标单击捕获HTML代码中的标记元素

Jquery 如何通过鼠标单击捕获HTML代码中的标记元素,jquery,html,html-parsing,mouseevent,Jquery,Html,Html Parsing,Mouseevent,在一些网站中,有一些输入表单和提交按钮可以处理GET或POST方法,如: <form method="GET" action="/index.php"> <input type="HIDDEN" name="mode" value="search"> <input type="TEXT" name="term" value=""> <input type="SUBMIT" value="Search"> </form> 在

在一些网站中,有一些输入表单和提交按钮可以处理
GET
POST
方法,如:

<form method="GET" action="/index.php">
  <input type="HIDDEN" name="mode" value="search">
  <input type="TEXT" name="term" value=""> <input type="SUBMIT" value="Search">
</form>

在这里,我想在我的web应用程序中创建一个类似FireBug中的函数:当我将鼠标移动到此输入表单并单击时,应用程序可以显示html代码的哪一部分。 例如:如果我将鼠标移动到输入表单并在原始网页中单击,我可以看到应用程序中显示的结果:


无论我需要使用哪种语言或框架,我只想将结果显示在web应用程序上,可能是另一个网页上。

我也是Javascript的新手,但我的代码可能会有所帮助。。 你应该了解
这个
关键字这里是链接

我创建了一个简单的函数,它提供了所有输入文本字段的代码,您可以对所有输入字段使用这个函数


你能告诉我们你到目前为止都做了什么吗?你被困在哪里了?哦,我现在什么都没做。。。我只是想知道任何方法都可以实现这个“鼠标获取标签”功能…我只是web应用程序生成器的初学者…哦…谢谢你的提问。但是,我发现表单中包含“onclick=”shwinputtypetext(this)”函数……但我的目标是其他人的网站。例如,我在问题中显示的代码。我不知道它是如何工作的……哦,现在我失败了……)