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