Javascript 获取并使用所有元素和属性

Javascript 获取并使用所有元素和属性,javascript,jquery,html,Javascript,Jquery,Html,我知道您可以使用jQuery通过$(“*”)命令获取所有元素,但如果我想遍历该列表并从该列表中提取某个元素,我如何找到该项?我从中得到的只是[object object]。我如何在对象集中查看 另外,$(“*”)是否获取与每个元素关联的所有属性?如果没有,我如何得到这些以及 我的目的是,如果我使用Chrome中的“Inspect元素”来修改一些数据,我希望在修改之后获得页面的所有HTML,以便基本上获得新HTML页面的副本 我想遍历该列表并从中提取某个元素 列表,如何查找该项目?我从中得到的只是

我知道您可以使用jQuery通过
$(“*”)
命令获取所有元素,但如果我想遍历该列表并从该列表中提取某个元素,我如何找到该项?我从中得到的只是
[object object]
。我如何在对象集中查看

另外,
$(“*”)
是否获取与每个元素关联的所有属性?如果没有,我如何得到这些以及

我的目的是,如果我使用Chrome中的“Inspect元素”来修改一些数据,我希望在修改之后获得页面的所有HTML,以便基本上获得新HTML页面的副本

我想遍历该列表并从中提取某个元素 列表,如何查找该项目?我从中得到的只是[对象]。 我如何在对象集中查看

您可以使用
jQuery.each()

另外,$(“*”)是否获取与每个属性关联的所有属性 元素

是的

示例:

$("*").each(function(i, v){
  // get tag name
  console.log($(this).get(v).tagName); // or nodeName
  // get node type
  console.log($(this).get(v).nodeType);

  // based on element type, you can get attributes using attr()/prop()
});

在控制台中,您有时会看到[object]。要查看对象集类型内部,请执行以下操作:

console.dir($('*'));
现在,您可以在控制台中“打开”对象

如果要查找某个元素,但用户不确定该元素是否存在,还可以:

if ($('#IDofTheElement').length > 0) { // Do something with it }

您可以右键单击容器元素并单击
复制为HTML
,您将在
剪贴板中获得新的更新HTML,您可以
将其粘贴到所需的任何位置。@Matt尝试我的更新。我认为Blaster只是混淆了I和v参数(很容易做到)。