javascript - 如何通过使用javascript捍卫类名在div列表上应用CSS样式

我得到了具有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/