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

Get and use all elements and attributes

本文关键字:元素 属性 获取      更新时间:2023-09-26

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

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

我的目的是,如果我使用 Chrome 中的"检查元素"修改一些数据,我想在修改完成后获取页面的所有 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()
});

在控制台中,您有时会得到[对象对象]。查看对象集类型内部:

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

现在,您可以在控制台中"打开"对象。

如果你想寻找一个元素,但你不确定,如果这个元素存在,你也可以:

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