Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.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/84.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 - Fatal编程技术网

Javascript 如何在jquery中查找类时空

Javascript 如何在jquery中查找类时空,javascript,jquery,Javascript,Jquery,我多次使用同一类的HTML,如下面给出的示例 <div class="exam" style="display:none"></div> <div class="exam" style="display:none"></div> <div class="exam" style="display:none"></div> <div class="exam" style="display:none"></div

我多次使用同一类的HTML,如下面给出的示例

<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>



function removeTopThreeStyles() {
 $("[style=\"display:none\"].exam").slice(0,2).removeAttr('style');
 $("[style=\"display:none\"].exam").slice(0,2).removeClass('exam');
}

 $(".addnewbox").click(function() {
            removeTopThreeStyles(); 
});

函数removeTopThreeStyles(){
$(“[style=\”display:none\“].exam”).slice(0,2).removeAttr('style');
$(“[style=\”display:none\“].exam”).slice(0,2).removeClass('exam');
}
$(“.addnewbox”)。单击(函数(){
移除三个样式();
});
我想要的是在单击后从前两个div中删除style属性,然后再次单击并从下两个div中删除


谢谢

您可以尝试删除第一个元素样式,例如
div
。向按钮添加一个功能,应该能够执行您想要的操作

$("div:nth-of-type(1)").removeAttr("style")

链接:

您可以尝试删除第一个元素样式,例如
div
。向按钮添加一个功能,应该能够执行您想要的操作

$("div:nth-of-type(1)").removeAttr("style")
链接:

纯JavaScript(无jQuery):

jQuery:

function removeTopTwoStyles() {
    $("[style=\"display:none\"].hideyet").slice(0,2).removeAttr('style');
}
之后,只需调用
removeTopTwoStyles()
方法即可触发它

*根据屏幕截图中的HTML结构编辑答案*

纯JavaScript(无jQuery):

jQuery:

function removeTopTwoStyles() {
    $("[style=\"display:none\"].hideyet").slice(0,2).removeAttr('style');
}
之后,只需调用
removeTopTwoStyles()
方法即可触发它



*根据屏幕截图中的HTML结构编辑答案*

阅读。第n个类型选择器允许您根据其源代码顺序,根据公式选择一个或多个元素。还请分享您迄今为止尝试的代码尝试。@palaѕѕѕ,请现在检查,它现在可读吗?@RoyBogado,我的天,您给我一点代码提示,我已经更新了问题代码阅读。第n个类型选择器允许您根据其源代码顺序,根据公式选择一个或多个元素。还请分享您迄今为止尝试的代码尝试。@palaѕѕѕѕѕѕѕѕѕѕѕѕѕѕѕѕѕѕ110,有很多div和类,大约有2000行代码,我只是给出了其中的一部分,我需要它和类,你有一个类来包装所有这些div吗?。如果是,你可以选择:
$(“div:nth类型(1)”)
这是一个divs的屏幕截图,考试类被hideyet替换了
nth类型
选择器在与类
ui可排序
组合时应该可以很好地工作。谢谢,有很多div和类,大约2000行代码,我刚刚给出了部分代码,我需要它和课一起你有课来包装所有的div吗?。如果是,您可以选择:
$(“div:nth类型(1)”)
这是一个divs的屏幕截图,考试类被hideyet替换
nth类型
选择器在与类
ui可排序
组合时应该可以正常工作,谢谢,但没有工作,这是代码中这些内容的屏幕截图,您可以将exam类替换为hideyet在这种情况下,我们需要更改查询选择器:
$(“[style=\”display:none\“].hideyet”).slice(0,2)。removeAttr('style')我按照你的建议做了,但它不起作用,如果(elements.length>1){elements[0].removeAttribute(“style”);elements[1].removeAttribute(“style”);}这个逻辑在javascript中失败了,那么elements-length就不是真的了。看起来你使用的是纯javascript(第一)方法。我会根据你的HTML结构的截图来编辑我的答案,这样对你来说就更清楚了understand@GoranLegeda,我同时使用了这两个元素,元素长度为false,显示此错误“无法读取未定义的属性'removeAttribute'”谢谢,但没有任何工作正在进行,下面是这些元素在代码中的屏幕截图,您可以将exam类替换为hideyet在这种情况下,我们需要更改查询选择器:
$(“[style=\”display:none\“].hideyet”).slice(0,2)。removeAttr('style')我按照你的建议做了,但它不起作用,如果(elements.length>1){elements[0].removeAttribute(“style”);elements[1].removeAttribute(“style”);}这个逻辑在javascript中失败了,那么elements-length就不是真的了。看起来你使用的是纯javascript(第一)方法。我会根据你的HTML结构的截图来编辑我的答案,这样对你来说就更清楚了understand@GoranLegeda,我同时使用了这两个元素,元素长度为false,显示此错误“无法读取未定义的属性'removeAttribute'”