javascript - 如果名称为空，则隐藏文章的 css/jquery 代码

Question

如果文章名称为空，如何隐藏文章。
我在我的网站上使用一些文章来显示某些信息。

<article name="<?php echo $name[0];?>"> 
<p>Content</p> 
<article>

如果名称为空或有另一篇同名文章，如何隐藏该文章？

Answer 1

你可以试试这个(http://jsfiddle.net/v6at2rhj/):

$( document ).ready(function(){
    var articles = [];
    $("article[name]").each(function(){
        if ($(this).attr("name") == "")
        {
            $(this).hide();
        }
        else
        {
            if (articles.indexOf($(this).attr("name")) > -1 )
            {
                $(this).hide();
            }
            else
            {
                articles.push($(this).attr("name"));
            }
        }           
    });
});

在页面加载时，它会找到所有具有 name 属性(是否为空)的文章。然后它遍历它们。如果该属性为空，它将隐藏该元素。如果不是，它将检查元素的名称是否在 articles 数组中。如果是，则隐藏该元素，如果不是，则将其添加到数组中。