仅查看单击的文本

Question

我不知道为什么它不起作用。我想看到链接段落的索引段被点击，看不到别人。那是我的代码：

Fiddle

<div class="greyBackground">  
        <div>
            <nav>
                <ul>
                    <a href="#">1234</a>
                    <a href="#">4567</a>
                    <a href="#">7890</a>
                    <a href="#">0987</a>
                </ul>
            </nav>
        </div>

        <div>
            <h4>Something</h4>
                <p>My code 1</p>
                <p>My code 2</p>
                <p>My code 3</p>
                <p>My code 4</p>
        </div>
</div>

$(function() {

    var myDiv = $(".greyBackground");
    var link = $(".myDiv").find("a");
    var paragraph = $(".myDiv").find("p");

    link.on("click", function(){

    var index = $(this).index();
        paragraph.hide();
        paragraph.eq(index).show();  

    });

});

Answer 1

你的问题是没有myDiv这样的类，所以你的jQuery找不到任何东西。但是你已经找到了div，所以你只需要使用你创建的变量。

var myDiv = $(".greyBackground");
var link = myDiv.find("a");
var paragraph = myDiv.find("p");