javascript - jQuery 显示/隐藏不起作用

Question

我试图一次显示一条推文并让它循环显示。我有两种类型的页面，在一个页面上它可以正常工作，但在另一个页面上它们永远不会显示。是否有某种 CSS 优先规则可以覆盖它？

HTML:

<div class="twitterFeed">
    <p>Tweet here</p>
    <p>Tweet here</p>
    <p>Tweet here</p>
    <p>Tweet here</p>
    <p>Tweet here</p>
</div>

JavaScript:

var currentTwitterItem = 4;
NextTwitterItem();

setInterval( NextTwitterItem, 8000);

function NextTwitterItem() {

    currentTwitterItem++;

    if (currentTwitterItem >= 5) {
        currentTwitterItem = 0;
    }

    $(".twitterFeed p").hide();
    $(".twitterFeed p:eq(" + currentTwitterItem + ")").show();

}

Answer 1

var currentTwitterItem = 0
NextTwitterItem();

setInterval( NextTwitterItem, 8000);

function NextTwitterItem() {
    $(".twitterDiv").each(function(){
        $(this).find(".twitterFeed p").hide();
        $(this).find(".twitterFeed p").eq(currentTwitterItem).show();
    })

    if (currentTwitterItem >= 5) {
        currentTwitterItem = 0;
    }
    else
    {
        currentTwitterItem++;
    } 
}

Updated Fiddle包含多个容器