Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery获取元素属性_Javascript_Jquery_Jquery Selectors - Fatal编程技术网

Javascript 使用jQuery获取元素属性

Javascript 使用jQuery获取元素属性,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,以下是我的HTML HTML: <div Attr1 = "val1" Attr2 = "val2" Attr3 = "val3" > Hello !! </div> 还有其他可能的方法吗?您正在寻找jQuery插件 一个简单且小(490字节)的 缩小)插件以检索所有 元素中的属性(如果 您必须使用您需要的标记 无法控制)。它回来了 一个可以用作对象的对象 .attr()的参数 示例: console.log($.getAttributes('div')

以下是我的HTML

HTML

<div Attr1 = "val1" Attr2 = "val2" Attr3 = "val3"  >
       Hello !!
</div>
还有其他可能的方法吗?

您正在寻找jQuery插件

一个简单且小(490字节)的 缩小)插件以检索所有 元素中的属性(如果 您必须使用您需要的标记 无法控制)。它回来了 一个可以用作对象的对象 .attr()的参数

示例:

console.log($.getAttributes('div'), true);
更新:

console.log($.getAttributes('div'), true);

无论何时使用jQuery的每个方法, 回调的上下文设置为 DOM元素。情况也是如此 对于事件处理程序

意思是你可以做:

var attrs = $("div")[0].attributes;

for(var i = 0; i < attrs.length; i++) {
  alert(attrs[i].nodeName + " => " + attrs[i].nodeValue);
}
var attrs=$(“div”)[0]。属性;
对于(变量i=0;i”+attrs[i].nodeValue);
}
您正在寻找jQuery插件

一个简单且小(490字节)的 缩小)插件以检索所有 元素中的属性(如果 您必须使用您需要的标记 无法控制)。它回来了 一个可以用作对象的对象 .attr()的参数

示例:

console.log($.getAttributes('div'), true);
更新:

console.log($.getAttributes('div'), true);

无论何时使用jQuery的每个方法, 回调的上下文设置为 DOM元素。情况也是如此 对于事件处理程序

意思是你可以做:

var attrs = $("div")[0].attributes;

for(var i = 0; i < attrs.length; i++) {
  alert(attrs[i].nodeName + " => " + attrs[i].nodeValue);
}
var attrs=$(“div”)[0]。属性;
对于(变量i=0;i”+attrs[i].nodeValue);
}


Duplicate:我认为您正在寻找使用jQuery对元素属性进行迭代的方法——而且,假设它们不仅仅是示例,您的HTML将无法验证,因为这些属性无效,这是不可取的。如果你真的需要这些属性,
Attr1
Attr2
Attr3
查看HTML5的
数据-
属性:@Richard这些属性不是真正的属性,我同意你的看法,它们是无效的。这里我想表达我的问题,所以我使用了一些虚拟的
attr
。听起来很傻??不,这很有道理;重复:我认为您正在寻找使用jQuery对元素属性进行迭代-而且,假设它们不仅仅是示例,您的HTML将无法验证,因为这些属性无效,这是不可取的。如果你真的需要这些属性,
Attr1
Attr2
Attr3
查看HTML5的
数据-
属性:@Richard这些属性不是真正的属性,我同意你的看法,它们是无效的。这里我想表达我的问题,所以我使用了一些虚拟的
attr
。听起来很傻??不,这很有道理;我只是想彻底了解一下。谢谢你的链接,但我不愿意用插件来做这件事。还有其他方法吗?你为什么不想使用插件呢?至少,打开插件看看他们是怎么做的。@Avinash:我仍然建议你使用插件,还要注意它只有490字节。你不想使用插件似乎很奇怪。插件只是jquery代码。你可以看看插件的源代码,看看他们是怎么做的。@Soviut,@Gregg如果你看到这个特殊的插件功能,它只生成属性和值,这些属性和值是
事件
。学习(新的)东西(尽管代码已经可用)有什么错误吗??我不知道为什么你的评论会被高估。似乎这里的ppl已经习惯于为每件事添加插件,而不是实现他们自己的想法。我很抱歉,如果这会伤害你:(谢谢你的链接,但我不愿意使用插件。还有其他方法吗?你为什么不想使用插件?至少,打开插件看看他们是怎么做的。@Avinash:我仍然建议你使用插件,还要注意它只有490字节。你不想使用插件似乎很奇怪。插件是JUjquery代码。你可以看看插件的源代码,看看他们是怎么做的。@Soviut,@Gregg你有没有看过这个插件的功能,它只生成
事件
的属性和值。学习一个(新的)东西(尽管代码已经可用)有什么错误吗??我不知道为什么你的评论会被高估。似乎这里的ppl已经习惯于为每件事添加插件,而不是实现他们自己的想法。如果这会伤害到我,我很抱歉:(