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
元素
参考资料: