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

Question

我知道你可以使用jQuery通过$("*")命令获取所有元素，但是假设我想遍历该列表并从该列表中拉出某个元素 ，我该怎么做找到那个项目？我得到的只是[object Object]。我如何查看该对象集？

此外，$("*")是否获取了与每个元素相关的所有属性？如果没有，我该如何获得这些。

我的目的是，如果我使用Chrome中的“检查元素”修改某些数据，我想在修改完成后获取页面的所有HTML，以便基本上获得副本新 HTML页面。

Answer 1

  

我想遍历该列表并从中拉出某个元素   列表，我该如何找到该项目？我得到的只是[object Object]。   我如何查看该对象集？

您可以使用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()
});

Answer 2

在控制台中，有时候会遇到[object Object]。要查看对象集类型：

console.dir($('*'));

现在您可以在控制台中“打开”该对象。

如果你想寻找一个元素并且你不确定，如果元素存在，你也可以：

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