Jquery 元件测试组&;应用相同的设置

Jquery 元件测试组&;应用相同的设置,jquery,Jquery,我正在尝试检查div组的属性,并将它们应用于样式更改。我通过添加一个名为“group”的属性来创建组,如下所示: <div id="div1" group="1">...</div> <div id="div2" group="1">...</div> <div id="div3">...</div> 当myvar=1时,我知道组中的一个元素有一个固定的位置。如果我现在想对组中的每个元素应用不同的样式,我应该怎么做?如果我

我正在尝试检查div组的属性,并将它们应用于样式更改。我通过添加一个名为“group”的属性来创建组,如下所示:

<div id="div1" group="1">...</div>
<div id="div2" group="1">...</div>
<div id="div3">...</div>
当myvar=1时,我知道组中的一个元素有一个固定的位置。如果我现在想对组中的每个元素应用不同的样式,我应该怎么做?如果我有很多元素,检查所有元素可能会成为性能问题不

问题2:我如何将一种风格应用于团队的所有元素?又是一次

谢谢
Laurent

您可以通过按组号对元素进行分组

$("[group]").each(function() {
 if($(this).css("position") === "fixed") {
   $("[group='" + $(this).attr("group") + "']").css("style","someStyle");
 }
});
如果要对每个元素应用不同的样式,请使用组号逐个迭代收集的元素,方法是使用
.each()


可以通过按组号对元素进行分组来实现

$("[group]").each(function() {
 if($(this).css("position") === "fixed") {
   $("[group='" + $(this).attr("group") + "']").css("style","someStyle");
 }
});
如果要对每个元素应用不同的样式,请使用组号逐个迭代收集的元素,方法是使用
.each()

问题1:有更好的选择吗

$("[group]").each(function()
{
   if ($(this).css("position") === "fixed") 
      {
         myvar = 1;
      }
});
您可以使用
数据-*
属性,
.filter()

html

问题1:有更好的选择吗

$("[group]").each(function()
{
   if ($(this).css("position") === "fixed") 
      {
         myvar = 1;
      }
});
您可以使用
数据-*
属性,
.filter()

html


“如何将样式应用于组中的所有元素?”是否要对每个元素应用相同的样式?也许考虑使用<代码>数据-*/COD>属性,即<代码>数据组< /代码>,而不是<代码>组< /代码>,我感到困惑的是,为什么不给元素一个类名,而不是一个“组”,然后只是对这个类进行样式化?如果您需要迭代它们,那么这可以基于它们的类名。“如何将样式应用于组中的所有元素?”是否要将相同的样式应用于每个元素?也许考虑使用<代码>数据-*/COD>属性,即<代码>数据组< /代码>,而不是<代码>组< /代码>,我感到困惑的是,为什么不给元素一个类名,而不是一个“组”,然后只是对这个类进行样式化?如果您需要迭代它们,那么这可以基于它们的类名。谢谢,看起来很有趣。您的建议是将样式应用于组中的所有元素还是仅应用于具有固定位置的元素?@user3638239
fixed
变量应包括具有
data group=1
属性和
position:fixed
的元素。如果要将样式应用于具有
数据组
属性的所有元素,可以使用选择器
$(“[数据组]”)
.filter()
过滤函数中返回
true
的元素,
。each()
迭代原始选择器中的所有元素。明白,修复只会帮助我确定是否满足第一个条件,如果是这样,我应该使用您的第二个建议来应用相同的样式。Thanks@user3638239对<代码>固定变量1)过滤具有
数据组=1
属性的元素;和2)
css
位置:固定
<代码>固定的集合应该只包含满足1)和2)的元素,谢谢,看起来很有趣。您的建议是将样式应用于组中的所有元素还是仅应用于具有固定位置的元素?@user3638239
fixed
变量应包括具有
data group=1
属性和
position:fixed
的元素。如果要将样式应用于具有
数据组
属性的所有元素,可以使用选择器
$(“[数据组]”)
.filter()
过滤函数中返回
true
的元素,
。each()
迭代原始选择器中的所有元素。明白,修复只会帮助我确定是否满足第一个条件,如果是这样,我应该使用您的第二个建议来应用相同的样式。Thanks@user3638239对<代码>固定变量1)过滤具有
数据组=1
属性的元素;和2)
css
位置:固定
<代码>固定集合应仅包含满足1)和2)的元素