javascript - 获取和使用所有元素和属性

Question

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

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

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

Answer 1

在控制台中，您有时会得到 [object Object]。查看对象集类型的内部：

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

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

如果您想查找一个元素并且您不确定，如果该元素存在，您还可以：

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

Answer 2

我想遍历该列表并从该列表中提取某个元素，我如何找到该项目？我从中得到的只是[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()
});