Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.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 如何向每个列表项添加属性_Javascript_Jquery_String_Sorting_Height - Fatal编程技术网

Javascript 如何向每个列表项添加属性

Javascript 如何向每个列表项添加属性,javascript,jquery,string,sorting,height,Javascript,Jquery,String,Sorting,Height,我有一个字符串,看起来像这样: .a,.b,.c,.d 我想为每一个属性添加一个值 项目 我以前使用此选项为更改高度的项目添加值: $(this).attr("heightwert", parseInt($(this).css('height'))); 我使用此属性进行排序。 但如果你知道我如何根据元素的动态高度进行排序,那也太好了 这是我用来排序的: onclick="$('ul.dataa>li').tsort('a',{attr:'heightwert',order:'d

我有一个字符串,看起来像这样:

.a,.b,.c,.d
我想为每一个属性添加一个值 项目

我以前使用此选项为更改高度的项目添加值:

$(this).attr("heightwert", parseInt($(this).css('height')));
我使用此属性进行排序。 但如果你知道我如何根据元素的动态高度进行排序,那也太好了

这是我用来排序的:

onclick="$('ul.dataa>li').tsort('a',{attr:'heightwert',order:'desc'});"

这是在假设
.a、.b、.c、.d
是对页面上元素类名的引用的情况下编写的,尽管阅读了我发布此答案后的评论,我不确定是否确实如此。然而,根据我最初的假设,以下内容似乎符合(我认为)你的要求:

$('.a, .b, .c, .d').attr('data-heightwert', function(i, val) {
    return $(this).height();
});

请注意,我使用的是属性
data heightwert
而不是简单的
heightwert
,因为这将是html元素的无效属性,而
data-
前缀允许开发人员根据需要分配/创建元素,并保留代码的有效性。诚然,这是在HTML5下实现的,但它向后兼容HTML4.x,最坏的情况下,它的有效性不亚于在此类doctype中简单地使用
heightwert

本演示中出现在
:hover
上的元素的高度由CSS报告,并取自jQuery设置的
数据heightwert
元素

参考资料:


这是在假设
.a、.b、.c、.d
是对页面上元素类名的引用的情况下编写的,尽管阅读了我发布此答案后的注释,我不确定是否确实如此。然而,根据我最初的假设,以下内容似乎符合(我认为)你的要求:

$('.a, .b, .c, .d').attr('data-heightwert', function(i, val) {
    return $(this).height();
});

请注意,我使用的是属性
data heightwert
而不是简单的
heightwert
,因为这将是html元素的无效属性,而
data-
前缀允许开发人员根据需要分配/创建元素,并保留代码的有效性。诚然,这是在HTML5下实现的,但它向后兼容HTML4.x,最坏的情况下,它的有效性不亚于在此类doctype中简单地使用
heightwert

本演示中出现在
:hover
上的元素的高度由CSS报告,并取自jQuery设置的
数据heightwert
元素

参考资料:


您的实际加价是多少?你能发布一个实时的吗?我们可以看到你在用什么吗?那是.a、.b、.c、.d字符串还是一组对象?那是我从元素的属性中得到的字符串。。是不是每个都有美元我可以用?我只是找不到如何…字符串与页面的关系如何?页面上是否有你想要影响的那些类的元素?你实际的分数是多少?你能发布一个实时的吗?我们可以看到你在用什么吗?那是.a、.b、.c、.d字符串还是一组对象?那是我从元素的属性中得到的字符串。。是不是每个都有美元我可以用?我只是找不到如何…字符串与页面的关系如何?页面上是否有您试图影响的这些类的元素?谢谢。你说得对,那是类名。我现在做的是将该字符串拆分为一个数组,并使用for()将该值添加到每个类项的属性中。我感谢您提供的数据示例。这真是太好了!是否可以根据css中的大小使用数据heightwert为元素着色?不是在纯css中,不是;但是您可以使用jQuery根据值指定类名,然后为这些类指定颜色。谢谢。你说得对,那是类名。我现在做的是将该字符串拆分为一个数组,并使用for()将该值添加到每个类项的属性中。我感谢您提供的数据示例。这真是太好了!是否可以根据css中的大小使用数据heightwert为元素着色?不是在纯css中,不是;但是您可以使用jQuery根据值指定类名,然后为这些类指定颜色。