正文 

当前位置： 首页 > 问答 >

jQuery - 从类的元素中获取属性值的列表

     2023-03-06     313

关键词：

【中文标题】jQuery - 从类的元素中获取属性值的列表【英文标题】：jQuery - get a list of values of an attribute from elements of a class 【发布时间】：2011-02-14 18:58:35 【问题描述】：

我有一个类.object，它有一个名为level 的属性。我想在页面上获取level 的所有不同值的列表，以便我可以选择最高的值。

如果我这样做：

$(".object").attr("level")

... 这会给我一个作为级别属性值的值列表吗？我怀疑不是，但是你怎么做这样的事情？

注意：我不想像更常见的那样选择要操作的 HTML 对象，而是想选择属性的值。

编辑：为了获得最高的“级别”，我这样做了，但它似乎不起作用。我现在将尝试其他建议的方法。

var highLevel=0;
$.each(".object[level]", function(i, value) 
   if (value>highLevel) 
       highLevel=value;
   
);

alert(highLevel);

【问题讨论】：

@Ankur 你应该选择其中之一作为这个问题的答案 【参考方案1】：

$(".object").attr("level") 只会返回第一个 .object 元素的属性。

这将为您提供所有levels 的数组：

var list = $(".object").map(function()return $(this).attr("level");).get();

【讨论】：

.get() 有什么作用？ @Yuji - get 将 jQuery 对象转换为常规数组。 @MandeepJain：如何将答案标记为“正确”？这个可能没有被标记为“接受”，但超过 100 人投票认为它“有用”，这对我来说已经足够了！ 很好的答案。对我来说更直观/更简洁的是先.get() 数组，然后使用.map() 加上箭头函数（浏览器支持：caniuse.com/#search=arrow）用一点普通的javascript构建数组：$(".object").get().map(x => x.getAttribute('level'));【参考方案2】：

问题的第一部分，将属性值放入数组中。看到这个问题

jQuery get img source attributes from list and push into array

你会说

var levelArray = $('.object').map( function() 
    return $(this).attr('level');
).get();

问题的第二部分，可以使用this technique to get the highest value

var maxValue = Math.max.apply( Math, levelArray );

【讨论】：

【参考方案3】： 
<script type="text/javascript"> 
var max = 0;
jQuery(document).ready(function() 
    jQuery('.object[level]').each(function()
        var num = parseInt($(this).attr('level'), 10);
        if (num > max)  max = num; 
    );
    alert(max);
);
</script>

我假设标记是这样的：

<div class="object" level="1">placeholder</div>
<div class="object" level="10">placeholder</div>
<div class="object" level="20">placeholder</div>
<div class="object" level="1000">placeholder</div>
<div class="object" level="40">placeholder</div>
<div class="object" level="3">placeholder</div>
<div class="object" level="5">placeholder</div>

对于我的代码，我收到“1000”提醒。

这是另一个解决方案，结合了 harpo、lomaxx 和 Kobi 的其他几个回复：

jQuery(document).ready(function() 
    var list = $(".object[level]").map(function()
        return parseInt($(this).attr("level"), 10);
    ).get();
    var max = Math.max.apply( Math, list ); 
    alert(max);
);

【讨论】：

【参考方案4】：

选择器

$(".object[level]")

将为您提供类object 和属性level 的所有dom 元素。

然后你可以只使用 .each() 方法遍历元素以获得最高值

【讨论】：

$(".object[level=something]") where something 是您要查找的属性值【参考方案5】：

您可以extend the functionality of Jquery 并添加您自己的“attrs”实现。

将以下代码行添加到您的 JavaScript 文件中：

jQuery.fn.extend(
    attrs: function (attributeName) 
        var results = [];
        $.each(this, function (i, item) 
            results.push(item.getAttribute(attributeName));
        );
        return results;
    
);

现在您可以通过调用获取级别值列表：

$(".object").attrs("level")

【讨论】：

如何从类中获取“ReadOnly”或“WriteOnly”属性？

】如何从类中获取“ReadOnly”或“WriteOnly”属性？【英文标题】：Howtoget\'ReadOnly\'or\'WriteOnly\'propertiesfromaclass?【发布时间】：2013-03-0413:52:39【问题描述】：我需要从MyClass中获取属性列表，不包括“只读”属性，我可以获取它们吗... 查看详情

C# + Unity - 从类列表中的变量中获取最小值[重复]

】C#+Unity-从类列表中的变量中获取最小值[重复]【英文标题】：C#+Unity-GettingtheMINvaluefromavariablesinsideaListofClasses[duplicate]【发布时间】：2021-02-0600:33:44【问题描述】：我有这个类的列表：publicclassEachEnemypublicGameObjectenemy;publicVector3coo... 查看详情

查找是不是在列表中找到具有特定属性值的元素

】查找是不是在列表中找到具有特定属性值的元素【英文标题】：Findifanelementwithaspecificpropertyvalueisfoundinalist查找是否在列表中找到具有特定属性值的元素【发布时间】：2020-06-1115:57:07【问题描述】：我正在尝试在kotlin的对象列... 查看详情

jquery中attr()方法用法实例

本文实例讲述了jQuery中attr()方法用法。分享给大家供大家参考。具体分析如下：此方法设置或返回匹配元素的属性值。attr()方法根据参数的不同，功能也不同。语法结构一:获取第一个匹配元素指定属性的属性值。代码如下:$(selec... 查看详情

在值列表中选择具有属性值的元素

】在值列表中选择具有属性值的元素【英文标题】：Selectelementswithattributevalueinalistofvalues【发布时间】：2016-02-0310:22:47【问题描述】：具有以下html元素<divid="container"><divdata-test="foo">foo</div><divdata-test="bar">bar</di... 查看详情

spring - 从类的静态字段中的属性文件中读取属性值

】spring-从类的静态字段中的属性文件中读取属性值【英文标题】：spring-readpropertyvaluefrompropertiesfileinstaticfieldofclass【发布时间】：2014-08-3004:57:04【问题描述】：我有一个实用程序类，其中我有一种方法需要用户名和密码才能连接... 查看详情

从列表中获取总和为值的元素数组[重复]

】从列表中获取总和为值的元素数组[重复]【英文标题】：Getarrayofelementsfromlistthatsumtovalue[duplicate]【发布时间】：2021-11-2001:02:50【问题描述】：下面是我的问题的简化版本，下面的背景摘要提供了更大的背景。问题：创建一个函... 查看详情

在没有很多 jQuery 请求的情况下获取传递的元素属性和属性

】在没有很多jQuery请求的情况下获取传递的元素属性和属性【英文标题】：GetpassedelementpropertiesandattributeswithoutmanyjQueryrequests【发布时间】：2017-05-0206:13:23【问题描述】：我有一些带有列表元素的列表，每个列表元素都有许多自... 查看详情

如何使用牛顿软从类的复杂类型属性中仅序列化特定值

】如何使用牛顿软从类的复杂类型属性中仅序列化特定值【英文标题】：howtoserializeonlyspecificvaluefromcomplextypepropertyofclassusingnewtonsoft【发布时间】：2021-08-1523:38:56【问题描述】：我有一个具有多个属性的类，其中一些属性是一种... 查看详情

Jquery如何在数据属性数组中选择包含特定值的元素？

】Jquery如何在数据属性数组中选择包含特定值的元素？【英文标题】：Jqueryhowtoselectelementscontainingspecificvalue(s)indataattributearray?【发布时间】：2021-02-0609:23:32【问题描述】：假设我有以下元素<divdata-tags="[8,18,32,52,53,56]"></div&g... 查看详情

为啥从类和实例中获取属性的查找过程不同？

】为啥从类和实例中获取属性的查找过程不同？【英文标题】：Whyarethelookupproceduresforgettinganattributefromaclassandfromaninstancedifferent?为什么从类和实例中获取属性的查找过程不同？【发布时间】：2017-12-0919:59:14【问题描述】：PythoninaN... 查看详情

从类路径目录中获取资源列表

】从类路径目录中获取资源列表【英文标题】：Getalistofresourcesfromclasspathdirectory【发布时间】：2011-04-2419:12:46【问题描述】：我正在寻找一种从给定类路径目录中获取所有资源名称列表的方法，例如方法List&lt;String&gt;getResou... 查看详情

jquery - 获取尚未应用的类的 CSS 属性值

】jquery-获取尚未应用的类的CSS属性值【英文标题】：jquery-GetCSSpropertiesvaluesforanotyetappliedclass【发布时间】：2012-06-1302:30:40【问题描述】：我在这里问过同样的question（无法评论它，也许没有特权），我想获取样式表中定义但尚未... 查看详情

从元素的标题属性中获取文本，同时附加到它

】从元素的标题属性中获取文本，同时附加到它【英文标题】：Gettingtextfromtitleattributeofelementwhileappendingtoit【发布时间】：2011-07-1309:13:51【问题描述】：我有一个函数，它在.help类的所有元素之后附加div（帮助图标）。jQuery().ready... 查看详情

在 Python（tkinter）中从类的外部更改类的私有属性（标签）

】在Python（tkinter）中从类的外部更改类的私有属性（标签）【英文标题】：Changingprivateattributes(labels)ofaClassfromoutsideofitinPython(tkinter)【发布时间】：2021-08-1307:26:29【问题描述】：我在Python中使用tkinter制作了一个GUI，我创建了一个... 查看详情

尝试在 Google 表格中使用 XML 从类的最后一个实例中获取数据

】尝试在Google表格中使用XML从类的最后一个实例中获取数据【英文标题】：TryingtouseXMLinGoogleSheetstogetdatafromlastinstanceofaclass【发布时间】：2022-01-2004:39:31【问题描述】：如果格式不正确，我们深表歉意；我以前从来没有在这里问... 查看详情

java示例代码_从类级注释冲突中获取属性路径

java示例代码_从类级注释冲突中获取属性路径 查看详情

jQuery - 从具有相同类的元素中获取不同的值

】jQuery-从具有相同类的元素中获取不同的值【英文标题】：jQuery-getdifferentvaluesfromelementswithsameclass【发布时间】：2015-02-1723:20:31【问题描述】：functionratioDetect()varcontWidth=$(\'.thumbnail-container\').width()varcontHeight=$(\'.thumbnail-container 查看详情