Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.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根据其他元素隐藏或显示元素';s级_Javascript_Jquery - Fatal编程技术网

Javascript jQuery根据其他元素隐藏或显示元素';s级

Javascript jQuery根据其他元素隐藏或显示元素';s级,javascript,jquery,Javascript,Jquery,我希望根据页面中特定元素的类隐藏/显示元素(无论是否选择该元素,该类都会更改)。我怎样才能用jQuery做到这一点?我考虑使用click()或change()函数,然后检查元素的类以隐藏()或显示()另一个元素 我尝试使用以下代码,但不起作用: jQuery(文档).ready(函数(){ 禁用扇区分析(); }); 函数disableSectorAnalysis(){ jQuery('#ygvtableel66')。单击(函数(){ if(jQuery('#ygvtableel66').a

我希望根据页面中特定元素的类隐藏/显示元素(无论是否选择该元素,该类都会更改)。我怎样才能用jQuery做到这一点?我考虑使用click()或change()函数,然后检查元素的类以隐藏()或显示()另一个元素

我尝试使用以下代码,但不起作用:


jQuery(文档).ready(函数(){
禁用扇区分析();
});
函数disableSectorAnalysis(){
jQuery('#ygvtableel66')。单击(函数(){
if(jQuery('#ygvtableel66').attr(“类”)=“ygtvtable ygtvdepth2 ygtv-highlight0”){
jQuery('select[id*=“SectorGliederung”]')。hide();
}else jQuery('select[id*=“SectorGliederung”]')。show();
});
}    

它对我有用。看到这个了吗

你的HTML

<div class="statecontent state1">State1 Specific Page Content Goes here</div><br />
<div class="statecontent state1">State1 Specific Page2 Content Goes here</div><br />
<div class="statecontent state2">State2 Specific Page Content Goes here</div><br />
<div class="statecontent state3">State3 Specific Page Content Goes here</div><br />

<select id="myselector">
<option value="state1"></option><br />
<option value="state2"></option><br />
<option value="state3"></option><br />
</select>

您可以使用如下代码:

$(文档).ready(函数(){
隐藏元素();
});
函数hideElement(){
$(document).on('change','.changingelement',function()){
如果($(this.val()=“on”){
$(“#元素”).hide();
}否则{
$(“#元素”).show();
}    
});
}


这是toggle div
我希望此示例代码能帮助您:

var divList=$(“.parent div”);
divList.each(函数(){
if($(this).hasClass(“活动”)){
$(this.addClass(“color”);//我已经更改了颜色
/*
*您可以在此处隐藏/显示或执行任何其他功能。
*/
}
});
.color{
背景色:红色;
}

不活跃的
不活跃的
这是唯一的活动元素。
不活跃的
不活跃的
不活跃的
您喜欢的html

<div id="changingelement" class="test"></div>

<div id="test"> test class details </div>

<span id="notTest"> Hello </span>

请创建一个适当的。为什么不在触发更改类的操作时隐藏/显示该元素?请详细说明您的问题。你在说别的什么课?你能在帖子中添加相关的html代码吗?你不是按类选择元素,而是按id选择。将
'#element'
更改为
'。element'
将按类选择元素。谢谢你的快速回答,我更新了帖子。谢谢你的回答,但是.Change()函数和.click()都没有函数似乎与primefaces树中生成的元素一起工作。感谢您的回答,但是.change()函数和.click()函数似乎都与primefaces树中生成的元素不起作用。
<div id="changingelement" class="test"></div>

<div id="test"> test class details </div>

<span id="notTest"> Hello </span>
if($('#changingelement').hasClass("notTest"))
{
  $('#test').hide();
} 
else($('#changingelement').hasClass("test"))
{
  $("#notTest").hide();
}