我得到了具有2种类名编码和设计的li标签列表。我想要的结果是,如果li是设计的,则后链接为显示块,而站点链接为不显示,而编码类名将产生相反的效果。我将li类存储到数组中,然后条件将循环查找哪些li标签具有设计和编码的类名称。结果是条件只读取了数组的最后一个元素。您能帮我这个忙吗?不好意思用英语提问。
的HTML
<li class="Design">
<a class="post-link"></a>
<a class="site-link"></a>
</li>
<li class="Design">
<a class="post-link"></a>
<a class="site-link"></a>
</li>
<li class="Coding">
<a class="post-link"></a>
<a class="site-link"></a>
</li>
var workArray = [];
var $work = jQuery('.slide-container li');
var $workClass = $work.attr('class');
$work.each(function(){
workArray.push($workClass);
for(i = 0; i < workArray.length; i++){
if(jQuery(this).hasClass('Design')){
jQuery('.post-link').css('display','block');
}else{
jQuery('.post-link').css('display','none');
}
}
});
最佳答案
CSS:
.Design .site-link {
display: none;
}
.Coding .post-link {
display: none;
}
并让浏览器自行执行数组/遍历推/弹出;)
关于javascript - 如何通过使用javascript捍卫类名在div列表上应用CSS样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27203918/